@import url('https://fonts.googleapis.com/css2?family=Inder&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300&family=Manrope:wght@200..800&display=swap');
@font-face {
  font-family: 'Soyuz Grotesk';
  src:
    url('../fonts/SoyuzGroteskBold.ttf') format('truetype'),
    url('../fonts/Soyuz_Grotesk_Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html body {
  /*font-family: "Inder", sans-serif;*/
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #212529;
}
.site-footer {
  display: none;
}
input:focus, textarea:focus {
  box-shadow: none !important;
  border-color: #40ac9d !important;
}
a:focus, button:focus {
  outline: none !important;
  box-shadow: none !important;
}
.standart-button a {
  display: block;
  border-radius: 12px;
  border: 1px solid #000000;
  text-align: center;
  text-decoration: none;
  color: #000;
  width: 159px;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 7px 10px;
}
.b-red-block {
  border: 1px solid #AF0202 !important;
}
.b-green-block {
  border: 1px solid #40ac9d !important;
}
/*body::after {*/
/*  content: "";*/
/*  position: fixed;*/
/*  left: 0;*/
/*  right: 0;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  background: url('/themes/custom/artflora/img/lines-desktop.svg') no-repeat center bottom;*/
/*  background-size: contain; !* масштабируем по ширине, сохраняя пропорции *!*/
/*  pointer-events: none;      !* чтобы линии не блокировали клики *!*/
/*  z-index: -1;               !* всегда за контентом *!*/
/*}*/
p.main-text {
  font-weight: 800;
  font-size: 22px;
  letter-spacing: 0.05em;
}
.highlighted {
  background-color: rgba(255, 255, 255, 0.9);
}

/* Navbar */
#navbar-main {
  align-items: center;
  padding: 10px 15px;
  border-bottom: 1px solid #D7D7D7;
  margin-bottom: 0;
  gap: 5px;
}
#navbar-main ul, #navbar-main p {
  margin-bottom: 0;
}
#navbar-main .link-logo img {
  max-width: 50px;
}
.main_menu_desktop {
  margin-left: auto;
}
#block-artflora-main-menu .nav-item .nav-link, .block-link-us .nav-item .nav-link, .main_menu_desktop  .nav-item .nav-link {
  font-size: 14px;
  padding: 3px 10px;
  text-align: center;
  color: #fff;
  font-family: 'Soyuz Grotesk', sans-serif;
}
#block-artflora-main-menu .navbar-nav:after {
  display: none !important;
}
.main_menu_desktop .nav-item .nav-link.active {
  color: #fff;
}
#block-artflora-main-menu .nav-item .nav-link.is-active, .main_menu_desktop  .nav-item .nav-link.is-active {
  border-bottom: 1px solid #fff;
  color: #fff;
}
.block-address .content p {
  background: url("../img/gps-white.png") 0 center no-repeat;
  background-size: 13px;
  padding-left: 25px;
  font-size: 14px;
  font-family: 'Soyuz Grotesk', sans-serif;
  color: #fff;
}
.block-link-us {
  margin: 0 20px;
}
.block-link-us .content ul {
  padding: 0;
}
.block-link-us .dropdown .dropdown-menu {
  border: none;
  margin-top: 0;
  padding-top: 5px;
  background: #000;
}
.block-link-us .dropdown .dropdown-menu a {
  color: #fff;
  font-size: 12px;
  padding: 7px 7px 7px 40px;
  font-family: 'Soyuz Grotesk', sans-serif;
}
.block-link-us .dropdown-menu a.call, .block-social a.call {
  background: url("../img/call-white.png") 5px center no-repeat;
}
.block-link-us .dropdown-menu a.tg, .block-social a.tg {
  background: url("../img/tg-white.png") 5px center no-repeat;
}
.block-link-us .dropdown-menu a.wp, .block-social a.wp {
  background: url("../img/wp.png") 5px center no-repeat;
}
.block-link-us .dropdown-menu a.max, .block-social a.max {
  background: url("../img/max-white.png") 5px center no-repeat;
}
.block-link-us .dropdown-menu a.mail, .block-social a.mail {
  background: url("../img/mail-white.png") 5px center no-repeat;
}
.block-link-us .dropdown-menu a, .block-social a {
  background-size: 27px !important;
}
.block-link-us .dropdown .dropdown-menu hr {
  margin: 2px 0;
  border-top: 1px solid #fff;
}
.block-link-us .nav-link.dropdown-toggle:hover {
  border: none;
}
.block-link-us .nav-link.dropdown-toggle {
  background: url("../img/menu-dropdown.png") 0px center no-repeat;
  padding-left: 18px !important;
  margin-left: 15px;
}
.block-link-us .nav-link.dropdown-toggle:after {
  display: none;
}
.nav-after-toggler {
  width: 100%;
  border-top: 1px solid #D7D7D7;
  margin: 5px 0 0;
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
#navbar-main .navbar-toggler {
  border: none;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #020202;
}
#navbar-main .navbar-toggler-icon {
  margin-left: 5px;
}
.block-social-mobile {
  display: flex;
}
.block-social-mobile a.social-item {
  display: block;
  width: 22px;
  height: 22px;
  margin-left: 3px;
}
.block-social-mobile a.call {
  background: url("../img/call-white.png") 5px center no-repeat;
}
.block-social-mobile a.tg {
  background: url("../img/tg-white.png") 5px center no-repeat;
}
.block-social-mobile a.max {
  background: url("../img/max-white.png") 5px center no-repeat;
}
.block-social-mobile a.social-item {
  background-size: 18px;
  background-position: center;
}
.cover-mobile-menu .navbar-nav {
  flex-direction: row;
  gap: 5px;
  justify-content: flex-start;
}
.cover-mobile-menu .navbar-nav .nav-item {
  flex: 1 1 auto;
}
.cover-mobile-menu .navbar-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.2);
  padding: 5px 8px !important;
  border-radius: 20px;
}

/* Общие страницы */
.block-img-map {
  margin-bottom: 15px;
}
.page-content-center {
  width: 100%;
  max-width: 1230px;
  display: block;
  margin: 20px auto
}
.page-content-2-col {
  margin: 20px auto
}


/* Каталог */
.view-catalog .views-view-grid, .view-catalog-ready .views-view-grid {
  max-width: 1600px;
  display: flex;
  flex-wrap: wrap;
}
.view-catalog .views-view-grid .views-row, .view-catalog-ready .views-view-grid .views-row {
  width: auto;
}
.view-catalog .views-view-grid .views-col, .view-catalog-ready .views-view-grid .views-col {
  max-width: 294px;
  width: 294px !important;
  margin: 6px 2px 0;
  padding: 3px;
  font-size: 11px;
  letter-spacing: 0.05em;
}
.view-catalog .views-view-grid .block-cover, .view-catalog-ready .views-view-grid .block-cover {
  border: 1px solid #000;
  border-radius: 12px;
  padding: 3px;
  text-align: left;
  position: relative;
}
.view-catalog .views-view-grid .active-product .block-cover {
  background-color: #e6f4e6;
}
.view-catalog .views-view-grid .views-field-field-image {
  position: relative;
}
.view-catalog .views-view-grid .views-field-field-image img, .view-catalog-ready .views-view-grid .views-field-field-image img {
  border-radius: 12px;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.view-catalog .views-view-grid .views-field-field-image .cboxElement:before, .view-catalog-ready .views-view-grid .views-field-field-image .media--image:after {
  content: '';
  background: url("../img/all-size.png") center center no-repeat;
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.view-catalog .views-view-grid .views-field-title, .view-catalog-ready .views-view-grid .views-field-title {
  margin: 10px 0 5px;
  min-height: 49px;
  line-height: 1.3;
}
.view-catalog .views-view-grid .views-field-field-package-qty {
  display: flex;
}
.view-catalog .views-view-grid .views-field-field-package-qty .views-label {
  margin-right: 5px;
}
.view-catalog .views-view-grid .views-field-variations-target-id form {
  margin: 10px 0;
  position: relative;
}
.view-catalog .views-view-grid .field--name-quantity .form-type-number {
  margin-bottom: 0 !important;
}
.view-catalog .views-view-grid .field--name-quantity .form-type-number input {
  text-align: center;
  font-size: 16px;
  border: 1px solid #000000;
  border-radius: 8px;
  margin: 0 4px;
  padding: 2px;
  height: 38px;
}
.view-catalog .views-view-grid .field--name-quantity label, .view-catalog .views-view-grid .views-field-variations-target-id .field--type-entity-reference {
  display: none;
}
.view-catalog .views-view-grid .field--name-quantity {
  max-width: 180px;
  margin-right: 10px;
}
.view-catalog .views-view-grid .field--name-quantity, .view-catalog .views-view-grid .form-actions {
  margin-bottom: 0 !important;
}
.view-catalog .views-view-grid .form-actions button, .add-cart-none a, .view-catalog-ready .views-view-grid .product-card__order-button {
  background: #40ac9d;
  color: #fff;
  border-radius: 8px;
  border: none;
  box-shadow: none;
  font-size: 12px;
  padding: 2px 10px;
  height: 38px;
  width: 100%;
}
.view-catalog .views-field-field-qty-discount-1-qty {
  display: none;
}
.views-field-field-good-action {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
}
.views-field-field-good-action .btn-link {
  width: 50px;
  height: 50px;
  background: url("../img/action-product.png") center center no-repeat;
  display: block;
}
.add-cart-none {
  margin-top: 5px;
}
.add-cart-none a {
  display: flex;
  text-decoration: none;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.add-cart-none a:hover, .add-cart-none a:active, .add-cart-none a:focus {
  opacity: 0.8;
  color: #fff;
}
.view-catalog .views-view-grid form .form-actions {
  align-self: center;
  width: 100%;
}
.view-catalog .form-control:focus {
  box-shadow: none;
}
.view-catalog .views-view-grid .views-field-link-flag, .view-catalog .views-view-grid .views-field-link-flag-none {
  position: absolute;
  top: 8px;
  right: 8px;
}
.views-field-link-flag .flag-product-favorite a, .views-field-link-flag-none .field-content a {
  font-size: 0;
  display: block;
  width: 26px;
  height: 26px;
  text-decoration: none;
}
.views-field-link-flag-none + .views-field-link-flag {
  display: none;
}
.views-field-link-flag .flag-product-favorite.action-flag a, .views-field-link-flag-none .field-content a {
  background: url("../img/favorites-new.png") center center no-repeat;
  background-size: 26px;
}
.views-field-link-flag .flag-product-favorite.action-unflag a {
  background: url("../img/favorites.png") center center no-repeat;
  background-size: 26px;
}
.view-catalog .views-view-grid .cover-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.view-catalog .view-header {
  border-bottom: 1px solid #D7D7D7;
  padding: 10px 0;
  display: none;
}
.view-catalog .header-catalog-line {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 150px 26px 1fr 1fr 1fr 240px 100px 100px;
  align-items: center;
  column-gap: 10px;
}
.view-catalog .header-catalog-line p {
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-bottom: 0;
}

/** Поле с количеством **/
body .cover-quantity {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0 !important;
}
.cover-quantity .btn-number {
  padding: 2px 15px;
  border: 1px solid #888888;
  font-size: 0;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.cover-quantity .btn-number:hover, .cover-quantity .btn-number:active, .cover-quantity .btn-number:focus {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: #40ac9d;
  opacity: 0.8;
  box-shadow: none;
}
.cover-quantity .btn-minus {
  background: url("../img/minus-qty.png") center center no-repeat;
  background-size: 14px;
  width: 90px;
}
.cover-quantity .btn-plus {
  border: 3px solid #40ac9d;
  color: #40ac9d;
  padding: 2px 25px;
  background: url("../img/plus-qty.svg") center center no-repeat;
  background-size: 18px;
  width: 110px;
}
.cover-quantity .form-type-number {
  margin: 0 5px !important;
}
.cover-quantity input, .cover-quantity button {
  border-radius: 8px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none; // Yeah, yeah everybody write about it
}

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

/** Шапка каталога **/
.catalog-header-link a {
  margin-right: 15px;
}
.catalog-header-link .link-back-header img {
  width: 22px;
}

.region-top-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 5px;
}
#navbar-top {
  align-items: center;
  padding: 10px 15px;
  margin-bottom: 10px;
}
.block-styleswitcher .list-group {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 0;
}
.block-styleswitcher .list-group li {
  padding: 0;
  border: none;
  background: none;
}
.block-styleswitcher .list-group li a {
  display: block;
  width: 26px;
  height: 26px;
  font-size: 0;
  text-decoration: none;
}
.block-styleswitcher .list-group li:first-child {
  margin-right: 15px;
}
.block-styleswitcher .list-group li:first-child a {
  background: url("../img/button-bar.png") center center no-repeat;
  background-size: contain;
}
.block-styleswitcher .list-group li:first-child a.active {
  background: url("../img/button-bar-gray.png") center center no-repeat;
  background-size: contain;
}
.block-styleswitcher .list-group li:last-child a {
  background: url("../img/button-line.png") center center no-repeat;
  background-size: contain;
}
.block-styleswitcher .list-group li:last-child a.active {
  background: url("../img/button-line-gray.png") center center no-repeat;
  background-size: contain;
}
.block-menu-catalog {
  width: 230px;
  background: url("../img/select-arrow.png") calc(100% - 15px) center no-repeat, #fff;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 12px;
  letter-spacing: 0.05em;
  appearance: none;
  display: block;
  border: 1px solid #ced4da;
  color: #212529;
}
.block-commerce-cart {
  margin-left: auto;
}
.block-link-us ~ .block-commerce-cart {
  margin-left: 0;
}
#cover-field-choose-date + .block-commerce-cart {
  margin-left: 0;
}
#block-catalogblockmenu {
  margin: 0 20px 0 15px;
}
.block-header-search .flex-wrap {
  align-items: center;
}
.block-header-search .flex-wrap .form-actions {
  order: -1;
  margin-bottom: 0 !important;
  align-self: center;
}
.block-header-search {
  margin-right: 10px;
  flex: 1;
}
.block-header-search .flex-wrap .form-actions button, .mobile-bouquet-search-block .bouquet-title-search-form__submit {
  display: block;
  background: url("../img/icon-search-white.svg") center center no-repeat;
  width: 30px;
  height: 30px;
  border: none;
  font-size: 0;
  margin-right: 10px;
}
.block-header-search .js-form-type-textfield {
  margin-bottom: 0 !important;
  flex: 1;
}
.block-header-search input, .mobile-bouquet-search-block .bouquet-title-search-form__input {
  background: #FFFFFF;
  border-radius: 12px;
  letter-spacing: 0.05em;
  font-size: 14px;
  height: 39px;
  border: none;
}
.mobile-bouquet-search-block {
  width: 45%;
}
.mobile-bouquet-search-block .bouquet-title-search-form__input {
  width: 100%;
  padding: 0 15px;
}
.mobile-bouquet-search-block .bouquet-title-search-form__input:focus-visible {
  border: none;
  outline: none;
}
.bouquet-title-search-form {
  display: flex;
  align-items: center;
}
.block-styleswitcher-styleswitcher {
  margin-right: 15px;
}
.block-header-reg {
  margin-left: auto;
}
a.link-reg {
  background: #fff;
  border-radius: 12px;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #000;
  text-decoration: none;
  display: inline-block;
  padding: 8px 25px;
  white-space: nowrap;
}
a.link-reg:hover {
  opacity: 0.9;
}
.simple-popup-blocks-global .form-item-title-search {
  display: none;
}
.bouquet-category-links {
  margin-left: auto;
}
.bouquet-category-links .content div {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 6px 15px;
  align-items: center;
}
.bouquet-category-links__item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 118px;
  min-height: 18px;
  padding: 2px 2px;
  text-decoration: none;
  border-radius: 999px;
  background: #9bded4;
  font-family: 'Soyuz Grotesk';
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #020202;
}
.bouquet-category-links__item:hover,
.bouquet-category-links__item:focus {
  background: #77d1c4;
  color: #000;
  text-decoration: none;
}
.bouquet-category-links__item.is-active {
  background: #ffffff;
  color: #009984;
}
.page-view-catalog-ready #header {
  display: flex;
  flex-direction: column;
}
.page-view-catalog-ready #navbar-main {
  order: -1;
  border: none;
}
.page-view-catalog-ready #cboxCurrent {
  display: none !important;
}

/** Блок с корзиной **/
.cart--cart-block .cart-block--summary {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 12px;
  background: #fff;
  padding: 20px 10px 12px;
  align-items: center;
  width: 200px;
  line-height: 1.2;
}
.cart--cart-block .cart-block--toggle {
  display: flex;
  text-decoration: none;
  color: #212529;
  font-size: 14px;
  background: none;
  box-shadow: none;
  border: none;
  padding: 0;
}
.cart--cart-block .cart-block--summary__icon {
  position: relative;
  margin-right: 23px;
}
.cart--cart-block .cart-block--summary__icon img {
  position: relative;
}
.cart--cart-block .cart-block--summary__icon .count {
  border-radius: 50%;
  background: #FF5F5F;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 3px 4px;
  position: absolute;
  top: -20px;
  right: -23px;
  width: 40px;
  height: 40px;
}
.cart--cart-block .cart-block--empty p {
  margin-bottom: 0;
  font-size: 14px;
}

/** Выпадающая корзина **/
.cart--cart-block .cart-block--contents {
  width: 480px;
  border: 3px solid #828282;
  border-radius: 15px;
  right: 0;
}
.cart--cart-block .cart-block--contents__items {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 600px;
}
.cart--cart-block .views-col {
  display: flex;
  flex-direction: column;
  border-bottom: 3px solid #828282;
  padding: 15px 0 5px;
}
.cart--cart-block .views-col .block-cover {
  display: flex;
}
.cart--cart-block .views-field-field-image img {
  border-radius: 12px;
  margin-right: 10px;
  max-width: 140px;
  height: auto;
}
.cart--cart-block .cover-info {
  text-align: center;
}
.cart--cart-block .cart-block--contents__inner {
  padding: 20px;
}
.cart--cart-block .views-field-total-price__number {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.cart--cart-block .views-field-total-price__number .field-content {
  font-size: 28px;
}
.cart--cart-block .form-type-number {
  margin-bottom: 0 !important;
}
.cart--cart-block .form-type-number .btn-number {
  width: 50px;
  border-radius: 12px;
}
.cart--cart-block .form-type-number .quantity-edit-input {
  width: 72px;
  margin: 0 5px;
  border: 1px solid #000000;
  text-align: center;
  border-radius: 12px;
}
.cart--cart-block .views-field-edit-quantity {
  margin: 5px 0;
}
.cart--cart-block .form-actions {
  margin: 3px 0 !important;
}
.cart--cart-block .form-actions button {
  border: none;
  box-shadow: none;
  background: none;
  padding: 0;
  font-size: 14px;
  text-decoration: underline;
  color: #40ac9d;
  margin: 0 auto;
  display: block;
}
.cart--cart-block .views-field-remove-button {
  display: flex;
  justify-content: flex-end;
}
.cart--cart-block .views-field-remove-button button {
  background: url("../img/delete.png") center center no-repeat;
  border: none;
  box-shadow: none;
  width: 30px;
  height: 30px;
  font-size: 0;
  text-align: center;
  display: block;
}
.cart--cart-block .cart-block--contents__links a.link-cart {
  background: url("../img/link-black-next.png") calc(100% - 10px) center no-repeat, #40ac9d;
  width: 100%;
  padding: 10px 25px;
  color: #000;
  font-size: 26px;
  text-decoration: none;
  border-radius: 12px;
  margin: 0;
  display: block;
}
.cart--cart-block .cart-block--contents__title {
  border-bottom: 3px solid #828282;
  padding-bottom: 10px;
}
.cart--cart-block .cart-block--contents__title p {
  margin-bottom: 0;
  font-family: "Manrope", sans-serif;
  background: url("../img/icon-cart-big.png") 10px center no-repeat;
  background-size: 38px;
  font-size: 32px;
  font-weight: bold;
  padding: 0 0 0 60px;
}
.cart--cart-block .cart-block--contents__title span {
  color: #40ac9d;
}
.cart--cart-block .view-commerce-cart-block .form-actions button {
  display: none !important;
}
.cart--cart-block .views-field-qty-discount-price .field-content {
  font-size: 26px;
}
.cart--cart-block .views-field-qty-discount-price .field-content .qtydisc-was, .cart--cart-block .views-field-qty-discount-price .field-content .qtydisc-badge {
  font-size: 18px;
}
.cart--cart-block .views-field-qty-discount-price .field-content .qtydisc-price {
  display: flex;
  gap: 5px;
  align-items: center;
}



/** Всплывающий фильтр **/
.view-catalog [id^="views-exposed-form-catalog-page-"], .view-catalog-ready [id^="views-exposed-form-catalog-ready-"] {
  display: none;
}
.filter-modal-link {
  display: block;
  width: 37px;
  height: 37px;
  background: url("../img/icon-filter.png") center center no-repeat, #fff;
  background-size: 25px;
  border-radius: 12px;
  border: none;
  font-size: 0;
  margin-right: 15px;
}
.filter-modal-link.active {
  background-color: #7f807f;
}
.spb-popup-main-wrapper {
  border: none;
  border-radius: 15px;
  background-color: #40ac9d;
  padding: 10px;
  width: 528px !important;
}
.simple-popup-blocks-global .spb_close {
  background: url("../img/x-circle.png") center center no-repeat;
  width: 28px;
  height: 28px;
  background-size: 28px;
  border: none;
  font-size: 0;
}
.simple-popup-blocks-global .views-exposed-form {
  margin-top: 30px;
  position: relative;
}
.simple-popup-blocks-global .flex-wrap {
  flex-direction: column;
  max-height: 600px;
  flex-wrap: nowrap !important;
  overflow-y: auto;
  padding-bottom: 80px;
}
.simple-popup-blocks-global .fieldset-legend {
  text-align: center;
  font-size: 14px;
  margin-bottom: 5px;
  padding-bottom: 10px;
  color: #020202;
  border-bottom: 3px solid #fff;
  width: 100%;
  display: block;
}
.simple-popup-blocks-global .form-actions {
  width: 100%;
  margin-bottom: 0 !important;
  background-color: #40ac9d;
  position: absolute;
  bottom: 0;
  left: 0;
}
.simple-popup-blocks-global .form-actions button {
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  padding: 11px 10px;
  margin-top: 10px;
  background-color: #40ac9d;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 12px;
}
.simple-popup-blocks-global .form-actions button[id^="edit-reset-catalog"] {
  background-color: #000;
  border: none;
}
.simple-popup-blocks-global .form-actions button:hover {
  opacity: 0.8;
}
.simple-popup-blocks-global .form-checkboxes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.simple-popup-blocks-global .form-checkboxes .checkbox {
  width: 32%;
  margin-bottom: 10px !important;
  padding-left: 0;
}
.simple-popup-blocks-global .form-checkboxes .checkbox input, .simple-popup-blocks-global .form-item-field-good-action-value input {
  display: none;
}
.simple-popup-blocks-global .form-checkboxes .checkbox label, .simple-popup-blocks-global .form-item-field-good-action-value label {
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: 12px;
  height: 39px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.1;
}
.simple-popup-blocks-global fieldset .form-checkboxes .checkbox input:checked + label {
  border: 3px solid #fff;
}
.simple-popup-blocks-global .form-item-field-good-action-value input:checked + label {
  border: 3px solid #b9ceba;
}
.simple-popup-blocks-global fieldset[id|="edit-field-vysota"] .form-checkboxes .checkbox input:checked + label, .simple-popup-blocks-global fieldset[id|="edit-field-country"] .form-checkboxes .checkbox input:checked + label, .simple-popup-blocks-global fieldset[id|="edit-field-type-good"] .form-checkboxes .checkbox input:checked + label,
 .simple-popup-blocks-global fieldset[id^="edit-category"] .form-checkboxes .checkbox input:checked + label{
  background-color: #b9ceba;
}
.simple-popup-blocks-global fieldset {
  margin-bottom: 10px !important;
}
.simple-popup-blocks-global fieldset:last-of-type {
  border-bottom: 3px solid #fff;
  padding-bottom: 15px;
}
.simple-popup-blocks-global .form-check input[value|="19"] + label {
  background-color: #F5F5DC;
  border: 3px solid #F5F5DC;
}
.simple-popup-blocks-global .form-check input[value|="21"] + label {
  background-color: #9B2D30;
  border: 3px solid #9B2D30;
}
.simple-popup-blocks-global .form-check input[value|="22"] + label {
  background-color: #42AAFF;
  border: 3px solid #42AAFF;
}
.simple-popup-blocks-global .form-check input[value|="23"] + label {
  background-color: #FFFF00;
  border: 3px solid #FFFF00;
}
.simple-popup-blocks-global .form-check input[value|="24"] + label {
  background-color: #008000;
  border: 3px solid #008000;
}
.simple-popup-blocks-global .form-check input[value|="25"] + label {
  background-color: #FFD700;
  border: 3px solid #FFD700;
}
.simple-popup-blocks-global .form-check input[value|="26"] + label {
  background-color: #964B00;
  border: 3px solid #964B00;
}
.simple-popup-blocks-global .form-check input[value|="27"] + label {
  background-color: #FFA500;
  border: 3px solid #FFA500;
}
.simple-popup-blocks-global .form-check input[value|="28"] + label {
  background-color: #FF0000;
  border: 3px solid #FF0000;
}
.simple-popup-blocks-global .form-check input[value|="29"] + label {
  background-color: #FFE5B4;
  border: 3px solid #FFE5B4;
}
.simple-popup-blocks-global .form-check input[value|="30"] + label {
  background-color: #FDF4E3;
  border: 3px solid #FDF4E3;
}
.simple-popup-blocks-global .form-check input[value|="31"] + label {
  background-color: #C0C0C0;
  border: 3px solid #C0C0C0;
}
.simple-popup-blocks-global .form-check input[value|="32"] + label {
  background-color: #808080;
  border: 3px solid #808080;
}
.simple-popup-blocks-global .form-check input[value|="33"] + label {
  background-color: #0000FF;
  border: 3px solid #0000FF;
  color: #fff;
}
.simple-popup-blocks-global .form-check input[value|="34"] + label {
  background-color: #000000;
  border: 3px solid #000000;
  color: #fff;
}
.simple-popup-blocks-global .form-check input[value|="35"] + label {
  background-color: #8B00FF;
  border: 3px solid #8B00FF;
}
.simple-popup-blocks-global .form-check input[value|="36"] + label {
  background-color: #C8A2C8;
  border: 3px solid #C8A2C8;
}
.simple-popup-blocks-global .form-check input[value|="37"] + label {
  background-color: #F754E1;
  border: 3px solid #F754E1;
}
.simple-popup-blocks-global .form-check input[value|="38"] + label {
  background-color: #F56FA1;
  border: 3px solid #F56FA1;
}
.simple-popup-blocks-global .form-check input[value|="39"] + label {
  background-color: #FFC0CB;
  border: 3px solid #FFC0CB;
}
.simple-popup-blocks-global .form-check input[value|="44"] + label {
  background-color: #E6E6FA;
  border: 3px solid #E6E6FA;
}
.simple-popup-blocks-global .form-check input[value|="67"] + label {
  background-color: #F9BFFF;
  border: 3px solid #F9BFFF;
}
.simple-popup-blocks-global .form-check input[value|="40"] + label {
  background: url("../img/color-other.jpg") center center no-repeat;
  background-size: cover;
  border: none;
}
.simple-popup-blocks-global #edit-field-color-target-id--wrapper .form-check input:checked + label {
  border: 3px solid #000;
}
.simple-popup-blocks-global .form-item-field-good-action-value {
  margin-top: 5px;
  padding: 0;
  min-height: auto;
}
.simple-popup-blocks-global .form-item-field-good-action-value label {
  text-align: left;
  background: url("../img/action-product.png") calc(100% - 10px) center no-repeat, #fff;
  background-size: 25px;
}
/** Всплывающий фильтр готовый букетов **/
.view-catalog-ready .spb-popup-main-wrapper {
  background-color: #D9D9D9;
}
.view-catalog-ready .simple-popup-blocks-global .fieldset-legend {
  display: none;
}
.view-catalog-ready .simple-popup-blocks-global .form-actions {
  background: none;
}
.view-catalog-ready .simple-popup-blocks-global .form-checkboxes .checkbox label {
  font-family: 'Soyuz Grotesk';
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.05em;
  color: #020202;
}
.view-catalog-ready .simple-popup-blocks-global .form-actions button {
  border: none;
}
.view-catalog-ready .simple-popup-blocks-global fieldset:last-of-type {
  padding-bottom: 0;
}

/** Checkout **/
.path-checkout #navbar-main {
  border: none;
}
.commerce-checkout-flow .checkout-layout {
  display: flex;
}
.commerce-checkout-flow .checkout-layout {
  display: flex;
  gap: 15px;
}
.commerce-checkout-flow .checkout-layout__left {
  width: 75%;
}
.commerce-checkout-flow .checkout-layout__right {
  width: 25%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.commerce-checkout-flow .checkout-card {
  padding: 10px;
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
  border-radius: 10px;
}
.commerce-checkout-flow .views-view-grid .views-col {
  min-width: 100%;
  max-width: 100%;
  border-bottom: 1px solid rgba(0,0,0,0.05);
  padding: 10px 0;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 135px 1fr 220px;
  align-items: center;
  column-gap: 10px;
  text-align: center;
  font-size: 14px;
}
.commerce-checkout-flow .views-view-grid .views-row:last-child .views-col {
  border-bottom: 0;
}
.commerce-checkout-flow .views-view-grid .views-field-title {
  text-align: left;
}
.commerce-checkout-flow #edit-order-summary, .commerce-checkout-flow #edit-order-summary-summary {
  margin-bottom: 0 !important;
}
.commerce-checkout-flow .views-field-field-image img {
  width: 113px;
  height: 113px;
  object-fit: cover;
  border-radius: 12px;
}
.commerce-checkout-flow .cover-img {
  position: relative;
}
.commerce-checkout-flow .views-field-link-flag {
  position: absolute;
  top: 5px;
  right: 15px;
}
.commerce-checkout-flow .block-cover {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  align-items: center;
  column-gap: 10px;
}
.commerce-checkout-flow .views-field-variations-target-id .js-form-type-number label {
    display: none;
}
.commerce-checkout-flow .form-type-number input {
  border-radius: 12px;
  margin: 0;
}
.commerce-checkout-flow .form-type-number .btn-number {
  border-radius: 12px;
}
.commerce-checkout-flow .header-line {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 135px 1fr 220px;
  align-items: center;
  column-gap: 10px;
  text-align: center;
  padding: 15px 0;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
.commerce-checkout-flow .header-line p {
  margin-bottom: 0;
  font-size: 14px;
}
.commerce-checkout-flow .header-line .block-cover p:first-child {
  text-align: left;
}
.commerce-checkout-flow .checkout-pane-coupon-redemption label {
  display: none;
}
.commerce-checkout-flow .checkout-pane-coupon-redemption .form-wrapper {
  display: flex;
  gap: 10px;
  margin-bottom: 0 !important;
}
.commerce-checkout-flow .checkout-pane-coupon-redemption .form-type-textfield {
  margin-bottom: 0 !important;
  width: 100%;
}
.commerce-checkout-flow .checkout-pane-coupon-redemption input {
  font-size: 14px;
}
.commerce-checkout-flow .checkout-pane-coupon-redemption button.form-submit {
  font-size: 14px;
  background: #40ac9d;
  color: #fff;
  border: none;
}
.commerce-checkout-flow .checkout-pane-coupon-redemption h3 {
  font-size: 16px;
}
.commerce-checkout-flow .checkout-pane-coupon-redemption .ajax-progress {
  display: none !important;
}
.commerce-checkout-flow .checkout-totals-card__rows {
  margin-bottom: 0 !important;
}

header #edit-actions.form-actions {
  display: block !important;
}
button.submit-checkout-custom {
  border-radius: 12px;
  background: url("../img/check.png") calc(100% - 10px) center no-repeat, #fff;
  background-size: 25px;
  text-align: center;
  padding: 11px 70px 11px 30px;
  font-size: 16px;
  line-height: 1.2;
  border: 2px solid #40ac9d;
  height: 50px;
  width: 100%;
}
button.submit-checkout-custom:hover, button.submit-checkout-custom:focus {
  background-color: rgb(234, 234, 234);
}
#cover-field-choose-date {
  margin-bottom: 15px;
}
.checkout-card--totals h2 {
  font-size: 14px;
  font-weight: 600;
}
.checkout-card--totals .checkout-totals-card__row {
  display: flex;
  width: 100%;
  margin-bottom: 10px !important;
  font-size: 14px;
}
.checkout-card--totals .checkout-totals-card__row .checkout-totals-card__value {
  margin-left: auto;
}
.checkout-card--totals .checkout-totals-card__row--discount .checkout-totals-card__value {
  color: #ff5f5f;
}
.checkout-card--totals .checkout-totals-card__row--total {
  padding-top: 10px;
  margin-bottom: 0 !important;
  border-top: 1px solid rgba(0,0,0,0.05);
  font-size: 16px;
  font-weight: 600;
}
.path-checkout .form-item-order-fieldscheckout-field-comment-0-value, .path-checkout .form-actions {
  margin-bottom: 0 !important;
}
.js-form-item-order-fieldscheckout-field-comment-0-value label,
.js-form-item-order-fieldscheckout-field-shipping-check label {
  font-size: 14px;
  margin-bottom: 10px;
}
.js-form-item-order-fieldscheckout-field-comment-0-value .form-textarea-wrapper textarea {
  resize: none;
  border-radius: 12px;
  font-size: 14px;
}
body .field--name-field-shipping-check {
  margin-bottom: 0 !important;
}
body .js-form-item-order-fieldscheckout-field-shipping-check {
  border-radius: 12px;
}
.js-form-item-order-fieldscheckout-field-shipping-check label:after {
  display: none;
}
.js-form-item-order-fieldscheckout-field-shipping-check select {
  box-shadow: none;
  border-radius: 12px;
  font-size: 14px;
}
.js-form-item-order-fieldscheckout-field-shipping-check select:focus {
  box-shadow: none;
}
.btn-date {
  border-radius: 12px;
  background: url("../img/icon-date-order.png") 5px center no-repeat, #AF0202;
  background-size: 25px;
  text-align: center;
  padding: 11px 10px 11px 40px;
  font-size: 14px;
  line-height: 1.2;
  height: 45px;
  border: none;
  display: flex;
  text-decoration: none;
  color: #fff;
  align-items: center;
}
.btn-date .date-label {
  display: none;
}
.btn-date.success {
  background-color: #40ac9d;
}
.btn-date:hover {
  color: #fff;
  opacity: 0.8;
}
#cover-field-choose-date .checkout-cart-date {
  padding-top: 1px;
}
.select-date select.form-select {
  padding: 0;
}
.select-date select.form-select option {
  text-align: center;
}
#cover-field-choose-date .dropdown-menu {
  border: none !important;
  background: none;
}
.path-checkout .field--name-field-date-otgruzki {
  display: none;
}
.btn-comment-toggle {
  background: #e6f4e6;
  border: none;
  box-shadow: none;
  font-size: 12px;
  width: 100px;
  border-radius: 12px;
  line-height: 1.2;
  padding: 7px 10px;
  position: relative;
}
.btn-comment-toggle::after {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url("../img/icon-comment.png") center center no-repeat;
  position: absolute;
  top: -2px;
  right: -1px;
}
.btn-comment-toggle.active, .btn-comment-toggle.text-adding {
  background-color: #40ac9d;
  color: #fff;
}
.commerce-checkout-flow .hidden-list {
  display: none;
}
.checkout-summary-sticky #cover-field-choose-date {
  margin-right: 0;
  margin-left: 0;
}
.checkout-summary-sticky .btn-date {
  background: #AF0202;
  text-align: center;
  padding: 7px 10px;
  font-size: 12px;
  line-height: 1.2;
  width: 110px;
  height: auto;
  color: #fff;
  flex-direction: column;
}
.checkout-summary-sticky .btn-date.success {
  background: #e6f4e6;
  color: #000;
}
.checkout-summary-sticky #cover-field-choose-date .js-form-type-select, .checkout-summary-sticky #edit-order-fieldscheckout {
  margin-bottom: 0 !important;
}
.checkout-summary-sticky .button.submit-checkout-custom {
  width: 100px;
  font-size: 12px;
  background-size: 18px;
  background-position: calc(100% - 5px) center;
  height: auto;
  padding: 5px 20px 5px 5px;
  margin-left: 0;
}
.checkout-summary-sticky .checkout-pane {
  position: relative;
}
.checkout-summary-sticky #edit-order-fieldscheckout-field-comment-wrapper {
  position: absolute;
  bottom: 50px;
}
.checkout-summary-sticky #edit-actions {
  display: block !important;
}
.checkout-cart-info-block {
  width: 100%;
}
.cart-info-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 13px;
}
.cart-info-block .cover {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.2);
  overflow: hidden;
}
.cart-info-block p {
  margin-bottom: 0;
  padding: 0 8px;
  height: 25px;
  line-height: 25px;
  white-space: nowrap;
}
.cart-info-block #cart-qty {
  border-left: 1px solid rgba(0,0,0,0.2);
}
.cart-info-block p:first-child {
  background-color: rgb(64, 172, 157);
  color: #fff;
}




/** Страница /cart **/
.checkout-custom-cart .table, .checkout-custom-cart tbody, .checkout-custom-cart thead, .checkout-custom-cart tr, .checkout-custom-cart td {
  background: none;
  border: none;
  box-shadow: none !important;
}
.checkout-custom-cart thead, .checkout-custom-cart tr {
  border-bottom: 1px solid #D7D7D7;
}
.checkout-custom-cart tr th {
  color: #212529 !important;
  font-weight: 400;
  font-style: normal;
  text-align: center;
}
.checkout-custom-cart .views-field-field-image {
  max-width: 80px;
}
.checkout-custom-cart .views-field-field-image img {
  max-width: 80px;
  height: auto;
  border-radius: 12px;
}
.checkout-custom-cart td {
  vertical-align: middle;
  text-align: center;
}
.checkout-custom-cart .order-total-line__subtotal {
  display:none;
}
.checkout-custom-cart .form-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
}
.checkout-custom-cart .form-actions button {
  background: #40ac9d;
  padding: 10px 25px;
  color: #fff;
  border-radius: 12px;
  display: block;
  border: none;
}
.checkout-custom-cart .form-actions button:first-child {
  display: none;
}
.checkout-custom-cart {
  max-width: 1200px;
}
.checkout-custom-cart .views-field-remove-button button {
  background: url("../img/delete.png") center center no-repeat;
  border: none;
  box-shadow: none;
  width: 30px;
  height: 30px;
  font-size: 0;
  text-align: center;
  display: block;
}
.checkout-custom-cart h2 {
  font-size: 22px;
  text-align: center;
  margin-top: 20px;
}

/** Оповещение alert **/
.alert-wrapper svg {
  width: 50px;
  height: 50px;
}
.alert-wrapper h2 {
  font-size: 20px;
}

/** Страница с просьбой зарегистрироваться */
.page-modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.page-modal-content .block {
  width: 100%;
  padding: 10px 30px;
  display: flex;
  justify-content: center;
  text-align: center;
}
.page-modal-content .fon-gray, .form-reg .ui-widget-header {
  background-color: #d9d9d9;
}
.page-modal-content p {
  margin-bottom: 0;
}
.link-black {
  padding: 19px 50px;
  border-radius: 12px;
  text-transform: uppercase;
  font-size: 12px;
  background-color: #40ac9d;
  text-decoration: none;
  font-weight: 600;
  color: #fff !important;
}
.link-black:hover {
  color: #fff;
  opacity: 0.8;
}
.form-mini-modal {
  padding: 0;
  border-radius: 15px;
  overflow: hidden;
  width: 398px !important;
}
.form-mini-modal .ui-dialog-content {
  padding: 0;
}
.form-mini-modal .node__content {
  margin-top: 0;
}
.form-mini-modal .ui-widget-header button{
  background: url("../img/x-circle.png") center center no-repeat !important;
  width: 28px;
  height: 28px;
  background-size: 28px !important;
  padding: 5px !important;
  border: none;
}
.form-mini-modal .ui-widget-header button span {
  display: none;
}
.form-favorites .ui-widget-header {
  background: none;
  border: none;
  padding-top: 4px;
}
.form-favorites .page-modal-content a {
  display: inline-block;
  margin: 10px 0;
  padding: 8px 50px;
}

/** Блок не найдено **/
.block-not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 20px;
}
.block-not-found img {
  margin-top: 40px;
  margin-bottom: 30px;
}
.block-not-found p {
  font-size: 56px;
  color: #40ac9d;
  line-height: 1.2;
}
/** Блок с успешной регистрацией **/
.block-auth-complete {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 10px;
}
.block-auth-complete p {
  font-size: 20px;
  line-height: 1.3;
}
.block-auth-complete img {
  margin-bottom: 30px;
}
.block-auth-complete .block-button {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  max-width: 360px;
}
.block-auth-complete .block-button a {
  font-weight: bold;
  background-color: #40ac9d;
  color: #fff;
  display: block;
  padding: 6px 0;
  width: 144px;
  text-align: center;
  border-radius: 12px;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
}
.block-auth-complete .link-account a {
  background: url("../img/flora.png") calc(100% - 5px) center no-repeat, #000;
  font-size: 12px;
  height: 36px;
  display: flex;
  align-items: center;
  padding: 3px 25px 3px 5px;
  text-align: center;
  justify-content: center;
}
.block-auth-complete .block-button p {
  margin-bottom: 0;
}
.block-auth-complete .block-button .timer {
  font-size: 10px;
  text-align: center;
}
.block-auth-complete .block-button a.link-catalog {
  background: #40ac9d;
  padding-left: 0;
}

/** Форма регистрации **/
form.form-registraion {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 540px;
  margin: 40px auto 0;
  border: 1px solid #B5B5B5;
  border-radius: 12px;
  padding: 20px;
  background: #fff;
}
.block-form, form.form-registraion .block-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0 !important;
}
form.form-registraion .form-wrapper, form.form-registraion .fieldset-wrapper {
  width: 100%;
}
form .block-form .form-error input {
  color: #AF0202;
}
form .block-form .text-red {
  color: #AF0202;
  text-align: center;
  margin: 30px 0px;
  font-size: 13px;
}
form .block-form .cover-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #B5B5B5;
  border-radius: 12px;
  padding: 20px;
  width: 100%;
}
form .block-form input, form .block-form select, .user-login-form input, .custom-user-dashboard-change-password-form input {
  background: #ECECEC;
  border-radius: 12px;
  font-size: 16px;
  color: #323232;
  width: 100%;
  margin-bottom: 30px;
  border: none;
  padding: 18px 15px;
  text-align: center;
}
form .block-form #edit-soc-seti {
  margin-bottom: 0;
}
form .block-form .form-type-select {
  width: 100%;
}
form .block-form input:focus {
  background: #eceaea;
}
.block-form .form-control::placeholder {
  color: #323232;
  opacity: 0.7;
}
form.form-registraion #edit-login {
  margin-top: 15px;
}
form.form-registraion .form-actions {
  align-self: center;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 0 !important;
}
form .btn-black {
  background: #40ac9d;
  border-radius: 12px;
  font-size: 16px;
  text-align: center;
  color: #FFFFFF;
  width: 100%;
  padding: 18px 15px;
  border: none;
}
form .btn-black:hover, form .btn-black:focus {
  background: #40ac9d;
  color: #FFFFFF;
}
form .block-form .cover-button {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
form .block-form .cover-button a.ml {
  margin-left: 10px;
}
.block-form .logo-brand {
  max-width: 96px;
  margin-top: auto;
}
form .block-form select {
  background: url("../img//menu-dropdown.png") calc(100% - 20px) center no-repeat, #ECECEC;
}
.block-form select option {
  background: #fff;
  padding: 5px;
  height: 20px;
  display: block;
}
.block-form select option:nth-child(2n) {
  background: #ECECEC;
}
.block-form #edit-reg-type input[type="radio"], .block-form legend {
  display: none;
}
.block-form #edit-reg-type .form-check-label {
  display: block;
  width: 100%;
  background: #f2f2f2;
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 12px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  transition: all .2s ease;
}
.block-form #edit-reg-type .form-check-label:hover {
  background: #e8e8e8;
}
.block-form #edit-reg-type input[type="radio"]:checked + label {
  background: #b1b1b1;
  olor: #fff;
}
.block-form #edit-reg-type .form-check {
  padding-left: 0;
}
.block-form .title-step {
  font-weight: 700;
  font-size: 24px;
  text-align: center;
}
.block-form .form-type-processed-text p {
  font-size: 14px;
  text-align: center;
  margin-bottom: 0;
}
form.form-registraion .webform-button--next, form.form-registraion .webform-button--previous {
  background: #40ac9d;
  border-radius: 12px;
  font-size: 16px;
  text-align: center;
  color: #FFFFFF;
  padding: 18px 15px;
  border: none;
  width: 100%;
}
form.form-registraion .webform-button--previous {
  background: #b1b1b1;
}
form.form-registraion .form-type-email input {
  margin-bottom: 0 !important;
}

body.path-frontpage #navbar-main {
  background: none;
}
/* Фоны */
body #navbar-main {
  background: none;
}
body.path-frontpage {
  min-height: 100vh;
  background: url("../img/front-back-desktop.jpg") center center no-repeat;
  background-size: cover;
}
body.page-node-1, body.page-node-3, body.path-webform  {
  min-height: 100vh;
  background: url("../img/about-fon-desktop.jpg") center center no-repeat;
  background-size: cover;
}
body.page-node-8  {
  min-height: 100vh;
  background: url("../img/fon-design-desktop.jpg") center center no-repeat;
  background-size: cover !important;
}
body.page-node-2  {
  min-height: 100vh;
  background: url("../img/fon-geo-desktop.jpg") bottom left no-repeat;
  background-size: cover !important;
}

/** Форма входа **/
.custom-login-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 40px 0 0;
  min-height: calc(100vh - 170px);
}
.user-login-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  max-width: 1300px;
}
.custom-login-intro {
  color: #FFFFFF;
}
.custom-login-intro .custom-login-intro__title {
  font-family: 'Soyuz Grotesk';
  font-size: 48px;
  line-height: 1.1;
  margin-bottom: 25px;
}
.custom-login-intro .custom-login-intro__text {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.1;
  margin-bottom: 25px;
}
.custom-login-intro .custom-login-intro__link {
  font-family: 'Soyuz Grotesk';
  font-size: 26px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  padding: 1px 15px;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 6px;
}
.custom-login-form-side, .custom-user-dashboard-change-password-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  width: 100%;
  max-width: 521px;
}
.custom-user-dashboard-change-password-form small.description {
  color: #fff !important;
  font-size: 12px;
}
.user-login-form .js-form-item, .user-login-form .login-actions-wrapper {
  width: 100%;
  margin-bottom: 0 !important;
}
.user-login-form .js-form-item label, .user-login-form .js-form-item .description {
  display: none;
}
.user-login-form input {
  margin-bottom: 20px;
}
.user-login-form input:focus, .custom-user-dashboard-change-password-form input:focus {
  background: #eceaea;
}
.user-login-form button, .user-login-form .button--secondary, .custom-user-dashboard-change-password-form button {
  background: #40ac9d;
  border-radius: 12px;
  font-weight: 700;
  font-size: 16px;
  padding: 18px 15px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  width: 50%;
  text-decoration: none;
  border: none;
}
.user-login-form button:hover, .user-login-form .button--secondary:hover, .custom-user-dashboard-change-password-form button:hover {
  background: #40ac9d;
  opacity: 0.9;
  color: #fff;
}
/* Текстовые страницы */
.background-opacity {
  background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* для Safari */
  border-radius: 24px;
  padding: 30px 50px;
  color: #fff;
}
.background-opacity.green {
  background: rgba(53, 100, 30, 0.4);
}
.background-opacity.black {
  background: rgba(138, 0, 41, 0.2);
}
.block-link-us.standart-text-social {
  display: inline-block;
}
.path-checkout .block-link-us {
  margin-left: auto;
}
.path-checkout .block-link-us ul {
  margin-bottom: 0;
}
.block-link-us.standart-text-social .nav-link.dropdown-toggle {
  background: none;
  padding: 0 10px !important;
  border: 1px solid #fff;
  border-radius: 8px;
  margin-left: 0;
  font-size: 20px;
}
.block-link-us.standart-text-social ul {
  padding-left: 0;
  list-style: none;
}
.text-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.text-flex p, .text-flex ul {
  margin-bottom: 0;
}
.block-flex {
  display: flex;
}
.flex-right {
  justify-content: flex-end;
}
a.standart-link-border {
  padding: 0 10px !important;
  border: 1px solid #fff;
  border-radius: 8px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-family: 'Soyuz Grotesk', sans-serif;
}
  /* Пагинация */
.pagination {
  justify-content: center;
  margin: 25px 0 15px;
  align-items: center;
}
.pagination .left {
  transform: rotate(180deg);
}
.pagination li {
  margin: 0 5px;
}
.pagination a, .pagination .pager-current, .pagination .pager-ellipsis {
  font-size: 22px;
  color: #828282;
  border: none;
  text-decoration: none;
}
.pagination .page-item.active .page-link {
  color: #000;
  background: none;
  box-shadow: none;
  outline: none;
  padding: 5px 15px;
  border-radius: 12px;
  font-size: 22px;
  border: 1px solid #40ac9d;
}
.pagination .pager-page, .pagination .pager-current {
  margin: 0 5px;
  padding: 5px 10px;
}
.pagination .page-item .page-link:hover, .pagination .page-item .page-link:active, .pagination .page-item .page-link:focus {
  background-color: #fff;
  color: #40ac9d;
}
.pagination .pager-previous a {
  background: url("../img/pagination-arrow.png") center center no-repeat;
  transform: rotate(180deg);
  font-size: 0;
  padding: 0 15px;
  width: 100%;
  height: 100%;
}
.pagination .pager-next a {
  background: url("../img/pagination-arrow.png") center center no-repeat;
  font-size: 0;
  padding: 0 15px;
  width: 100%;
  height: 100%;
}
.pagination .pager-last, .pagination .pager-first {
  display: none;
}

/* Личный кабинет */
.page-user-dashboard .main-content {
  padding: 0;
}
.page-user-dashboard .account-header {
  background: url("../img/fon-header-dashboard.jpg") center center no-repeat, #000;
  background-size: cover;
}
.page-user-dashboard .account-header a, .page-user-dashboard .account-header .top-link, .page-user-dashboard .account-header .info-time {
  font-family: 'Soyuz Grotesk';
}
.page-user-dashboard header#header, .visible-header header #navbar-main {
  display: none;
}
.visible-header.page-user-dashboard header#header {
  display: block;
}
.page-user-dashboard-main main {
  padding-right: 0;
  padding-left: 0;
}
.cart-header {
  padding: 15px 0 30px 0;
}
.cart-header a {
  text-decoration: none;
  color: #212529;
}
header .grey-bg {
  background: #40ac9d;
}
header .top-link, .mobile-fixed .cover-order-block .top-link {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  padding: 5px 10px;
  text-align: center;
  position: relative;
}
.account-header .d-flex {
  justify-content: space-between;
}
.account-header .left-block {
  padding: 0 15px 0;
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  justify-content: flex-end;
  width: auto;
  gap: 10px;
}
.account-header .right-block {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}
.account-header .main-right-content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
}
.account-header .wallet-link {
  margin-bottom: 0;
  padding: 8px 20px;
  font-size: 14px;
  text-align: center;
}
.account-header .right-block a.favorites-link {
  background: url("../img/favorites.png") 10px center no-repeat, rgba(255, 255, 255, 0.8);
  padding: 8px 30px 8px 45px;
  text-align: left;
  position: relative;
  margin-bottom: 0;
}
.account-header .right-block a.exit-link {
  background: url("../img/exit.png") 10px center no-repeat, rgba(255, 255, 255, 0.8);
  padding: 8px 20px 8px 40px;
  text-align: left;
}
.account-header .text-username {
  width: 100%;
  font-size: 28px;
  margin-bottom: 0;
  color: #fff;
}
.account-header .cover-order-block {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 10px;
}
.account-header .cover-info-block {
  display: flex;
  flex-direction: column;
}
.account-header .cover-info-block + .cover-order-block {
  flex-direction: column;
  width: auto;
}
.account-header .cover-order-block .cover-preorder-link, .account-header .cover-order-block .cover-order-link {
  position: relative;
}
.account-header .left-block .cover-order-block a {
  max-width: 198px;
  width: 198px;
  background: rgba(255, 255, 255, 0.8);
  padding: 14px 10px;
  font-size: 14px;
  line-height: 1.2;
  display: block;
}
.account-header .cover-info-block-2 {
  display: flex;
  flex-direction: column;
}
.account-header .cover-info-block-2 .flex {
  display: flex;
  gap: 10px;
}
.account-header .cover-info-block-2 .icon-question {
  position: relative;
  padding-right: 29px;
  border: none;
}
.account-header .cover-info-block-2 .icon-question::after {
  content: '?';
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
}
.green-fon .popover-arrow:after {
  border-bottom-color: rgba(0, 128, 0, 0.9) !important;
}
.green-fon .popover-body {
  background: rgba(0, 128, 0, 0.9);
  color: #fff;
  border-radius: 8px;
  border: none;
}
.dashboard-social.block-link-us {
  margin: 0;
}
.dashboard-social.block-link-us .nav-link.dropdown-toggle {
  background: url("../img/menu-dropdown.png") calc(100% - 10px) center no-repeat, rgba(255, 255, 255, 0.8);
  margin-left: 0;
  padding: 8px 35px 8px 20px !important;
  border-radius: 12px;
  width: 172px;
  color: #212529;
}
.account-header .price-type-trigger {
  color: #212529;
}
.account-header .account-data-trigger {
  padding: 8px 10px;
  border: none;

}
.dashboard-social.block-link-us ul {
  margin-bottom: 0;
  padding: 0;
}
.account-header .left-block .cover-order-block .btn-popover {
  position: absolute;
  top: -10px;
  right: -15px;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../img/bag.png") center center no-repeat;
}
.account-header .left-block .cover-order-block .btn-popover:active, .account-header .left-block .cover-order-block .btn-popover:hover, .account-header .left-block .cover-order-block .btn-popover:focus {
  outline: none;
  border: none;
}
.account-header .left-block .cover-info-block a, .account-header .left-block .cover-info-block .info-time {
  width: 205px;
}
.account-header .left-block .cover-info-block a.transit-link {
  background: url("../img/icon-shipping.png") 10px center no-repeat, rgba(255, 255, 255, 0.8);
  padding: 10px 20px 10px 40px;
  text-align: left;
  border-radius: 12px 12px 0 0;
  margin-left: 0;
}
.account-header .left-block .cover-info-block a.flash {
  background: url("../img/flash.png") 10px center no-repeat, rgba(255, 255, 255, 0.8);
}
.account-header .cover-info-block .info-time,
.account-header .left-block .cover-info-block a.transit-link,
.page-account .header-button-mobile {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.account-header .cover-info-block .info-time {
  background: rgba(255, 255, 255, 0.8);
  padding: 8px 6px;
  text-align: center;
  border-radius: 0 0 12px 12px;
  font-size: 14px;
  border-top: 1px solid #b1b1b1;
  flex-direction: column;
}
.account-header .cover-info-block .info-time p {
  margin-bottom: 0;
  font-size: 14px;
}
.account-header .cover-info-block .info-time p.time {
  background: url("../img/clock.png") 8px center no-repeat;
  background-size: 20px;
}
.account-header .left-block .cover-info-block + .cover-order-block a {
  margin-bottom: 0;
}
.account-header .favorites-block {
  position: relative;
  display: flex;
}
.account-header .favorites-block button {
  width: 20px;
  height: 22px;
  display: block;
  background: url("../img/bell.png") center center no-repeat;
  position: absolute;
  top: -3px;
  right: -12px;
}
.account-header .right-block a:hover, .account-header .left-block a:hover {
  background-color: rgb(234, 234, 234);
}
.account-line .header-item {
  display: grid;
  grid-template-columns:  repeat(7, 140px);
  justify-content: start;
  border: none;
}
.account-line .header-item p {
  width: 100%;
}
.account-line .cover.content-item {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: flex-start;
  flex-direction: row;
}
.account-line .group-field {
  display: grid;
  grid-template-columns:  repeat(7, 140px);
  background: none;
  border: none;
}
.account-line .container-fluid {
  padding-right: var(--bs-gutter-x,.75rem);
  padding-left: var(--bs-gutter-x,.75rem);
}
.account-line .group-field, .account-line .group-button, .account-line .header-item {
  padding-right: 0px;
  padding-left: 0px;
}
.account-line .group-button, .account-line .header-item {
  padding-top: 0;
  padding-bottom: 0;
}
.account-line .item {
  padding: 10px 0;
  border-bottom: 1px solid #D7D7D7;
}
.account-line p, .account-line span, .content-item .standart-button a, .account-line .field-number-order a {
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.05em;
  margin-bottom: 0;
}
.account-line .group-field {
  width: auto;
}
.account-line .group-button {
  display: flex;
}
.account-line .group-button .standart-button {
  width: 159px;
}
.account-line .group-button .standart-button a {
  border: 1px solid #40ac9d;
  padding: 7px 10px;
  background-color: rgb(255, 255, 255);
}
.account-line .group-button .standart-button a:hover {
  background-color: rgb(234, 234, 234);
}
.account-line .content-item .field-link {
  margin: 0 5px;
}
.account-line .field-number-order a {
  color: #028E08;
  display: block;
}
.page-delete-account-confirm .block-system-main-block {
  padding: 20px 15px
}
.page-delete-account-confirm .form-actions {
  margin: 20px 0;
}
.custom-dashboard-bottom .content {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 20px 0;
  align-items: center;
}
.custom-dashboard-bottom a {
  font-size: 14px;
}
.custom-dashboard-bottom .change-password-link {
  background: #b1b1b1;
  border-radius: 12px;
  padding: 6px 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
.custom-dashboard-bottom .delete-account-link {
  color: #9e251b;
}
.custom-user-dashboard-delete-account-confirm-form .form-actions {
  display: flex;
  align-items: center;
  gap: 15px;
}
.custom-user-dashboard-delete-account-confirm-form .form-actions button {
  background: #408a2c;
  color: #fff;
  border-radius: 8px;
  border: none;
  box-shadow: none;
  font-size: 12px;
  padding: 2px 14px;
  height: 38px;
}
.custom-user-dashboard-delete-account-confirm-form .form-actions a {
  font-size: 14px;
  letter-spacing: 0.05em;
}
/** Смена пароля **/
.page-change-password h1 {
  color: #212529;
  font-weight: 400;
  font-size: 26px;
  margin-bottom: 20px;
}
.custom-user-dashboard-change-password-form {
  margin: 10px auto;
}
.custom-user-dashboard-change-password-form input {
  margin-bottom: 0;
}
.custom-user-dashboard-change-password-form .form-actions {
  align-self: center;
  width: 100%;
}
.custom-user-dashboard-change-password-form button {
  width: 100%;
  border: none;
}

/** Закрепленный футер **/
.mobile-fixed {
  background: url("../img/line-topbar-full.svg") right center no-repeat, #40ac9d;
  position: fixed;
  width: 100%;
  bottom: 0;
  padding: 4px 0 2px;
  z-index: 3;
}
.mobile-fixed .container-fluid {
  display: flex;
  justify-content: space-between;
}
.mobile-fixed .icon {
  display: block;
  width: 32px;
  height: 32px;
  background-size: 32px;
}
.mobile-fixed .flex-element {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.mobile-fixed p {
  margin-bottom: 0;
  text-align: center;
  color: #fff;
}
.mobile-fixed a {
  text-decoration: none;
  font-size: 10px;
}
.mobile-fixed .item {
  position: relative;
}
.mobile-fixed .item-main .icon, .mobile-fixed .item-lk .icon {
  background: url("../img/flordvor-symbol-mini-all-white.svg") center center no-repeat;
  background-size: 32px;
}
.mobile-fixed .item-favorites .icon {
  background: url("../img/favorites-main.svg") center center no-repeat;
  background-size: 32px;
}
.mobile-fixed .item-favorites .active .icon {
  background: url("../img/favorites-main-active.svg") center center no-repeat;
  background-size: 32px;
}
.mobile-fixed .item-cart .icon {
  background: url("../img/icon-cart.svg") center center no-repeat;
  background-size: 32px;
}
.mobile-fixed .item-cart .active .icon {
  background: url("../img/icon-cart-active.svg") center center no-repeat;
  background-size: 32px;
}
.mobile-fixed .item-category .icon {
  background: url("../img/icon-categories.svg") center center no-repeat;
  background-size: 32px;
}
.mobile-fixed .item-filter .icon {
  background: url("../img/icon-filters.svg") center center no-repeat;
  border-radius: 12px;
  background-size: 32px;
}
.mobile-fixed .item-filter a.active .icon {
  background-color: #808080;
}
.mobile-fixed .item-cart .cart-qty {
  position: absolute;
  top: -2px;
  right: -5px;
  background-color: #fff;
  border-radius: 50%;
  color: #40ac9d;
  padding: 5px;
  font-size: 14px;
  height: 20px;
  min-width: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-fixed button {
  border: none;
  box-shadow: none;
  background: none;
  font-size: 10px;
  padding: 0px;
}
.mobile-fixed .item-category .dropdown-menu {
  width: 230px;
  border-radius: 12px 12px 0 0;
}
.mobile-fixed .item-category .dropdown-menu a {
  font-size: 16px;
}
.mobile-fixed .item-category .dropdown-menu a.active {
  background-color: #e9ecef;
  color: inherit;
}
.path-cart .mobile-fixed .item-category, .path-cart .mobile-fixed .item-filter, .path-checkout .mobile-fixed .item-category, .path-checkout .mobile-fixed .item-filter, .path-favorites .mobile-fixed .item-category, .path-favorites .mobile-fixed .item-filter, .page-node-7 .mobile-fixed .item-category, .page-node-7 .mobile-fixed .item-filter {
  display: none;
}
.path-cart .mobile-fixed .item-main, .path-checkout .mobile-fixed .item-main {
  display: block !important;
}
.path-cart .mobile-fixed .item-lk, .path-checkout .mobile-fixed .item-lk {
  display: none !important;
}
/** Закрепленный футер для готовый букетов **/
.mobile-fixed-bouquets {
  background: none;
}
.mobile-fixed-bouquets .flex-element {
  background: rgba(128, 115, 115, 0.5);
  backdrop-filter: blur(2px);
  border-radius: 20px;
  width: 72px;
  height: 63px;
}
.mobile-fixed-bouquets .item-main .icon  {
  background: url("../img/flordvor-symbol-mini.svg") center center no-repeat;
  background-size: 32px;
}
.mobile-fixed-bouquets .item-filter .icon {
  background: url("../img/icon-filters-green.svg") center center no-repeat;
  background-size: 32px;
}
.mobile-fixed-bouquets .item-search .icon {
  background: url("../img/icon-search-green.svg") center center no-repeat;
  background-size: 32px;
}
.mobile-fixed-bouquets p {
  font-family: 'Soyuz Grotesk';
  letter-spacing: 0.05em;
  color: #000000;
}


/** Страница заказа **/
.page-order .catalog .cover {
  display: flex;
}
.page-order .catalog .field-img {
  position: relative;
  margin-right: 15px;
}
.page-order .catalog .field-img img {
  width: 75px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
}
.page-order .catalog .favorites-none, .page-order .catalog .favorites {
  background: url("../img/favorites-new.png") center center no-repeat;
  background-size: 26px;
  display: block;
  border: none;
  box-shadow: none;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.page-order .catalog .favorites.action-unflag {
  background: url("/themes/custom/artflora/img/favorites.png") center center no-repeat;
  background-size: 26px;
}
.page-order .catalog .field {
  display: flex;
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.05em;
}
.page-order .catalog .field-price, .page-order .catalog .field-price-item {
  width: auto;
}
.page-order .catalog .field-price {
  margin-right: 15px;
}
.page-order .catalog .field-price:after {
  content: '|';
  margin-left: 15px;
}
.page-order .catalog .field .label {
  margin-right: 5px;
}
.page-order .catalog .fields-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.page-order .catalog .field-action {
  justify-content: flex-end;
}
.page-order .cart-controls-spinner input.cart-controls-qty, .page-order .cart-controls-spinner button {
  height: 25px;
}
.page-order .cart-controls-add {
  background: url("../img/green-add-cart.png") calc(100% - 5px) center no-repeat, #fff;
  border: 1px solid #028E08;
  border-radius: 12px;
  font-size: 10px;
  padding: 4px 25px 4px 5px;
  margin-top: 5px;
  width: 139px;
  min-height: 25px;
  height: 25px;
}
.page-order .catalog .item {
  padding: 5px 0;
  border-bottom: 1px solid #D7D7D7;
}
.order-header .d-flex {
  justify-content: space-between;
}
.order-header .item {
  display: flex;
  font-size: 14px;
}
.order-header .item .label {
  color: #fff;
  margin-right: 5px;
}
.order-header .left-block .item .label {
  width: 96px;
  text-align: right;
  white-space: nowrap;
}
.content-top .group-button {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  border-bottom: 1px solid #D7D7D7;
}
.content-top .group-button .field-link {
  width: 49%;
}
.content-top .group-button .field-link a {
  width: 100%;
  font-size: 11px;
  padding: 3px 2px;
  margin-bottom: 0;
}
.mobile-fixed .cover-order-block {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.cart-controls-note {
  font-size: 9px;
  letter-spacing: 0.05em;
  margin-bottom: 0;
  margin-right: 10px;
}

  /** Скрытие блоков на страницах **/
.page-user-login #navbar-top,
.path-webform #navbar-top,
.node--type-page #navbar-top {
  display: none;
}
.path-cart #navbar-main,
.page-view-catalog #navbar-main {
  display: none;
}

/** Каталог букетов **/
.page-view-catalog-ready {
  margin-bottom: 60px;
}
.page-view-catalog-ready #navbar-main {
  background: #000;
}
.page-view-catalog-ready #navbar-main .link-logo img {
  max-width: 35px;
}
.view-catalog-ready .views-view-grid .views-field-field-image .media__icon--litebox {
  display: none !important;
}
.view-catalog-ready .views-view-grid .views-field-nothing .field-content {
  width: 100%;
  display: block;
}
.view-catalog-ready .views-view-grid .product-card__order-button {
  width: 100%;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 20px;
  border: 1px solid #000000;
}
.view-catalog-ready .views-view-grid .views-field-price__number {
  font-weight: 800;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.05em;
  color: #000000;
}
.view-catalog-ready .views-view-grid .slick-dots {
  bottom: 0;
}
.view-catalog-ready .views-view-grid .slick-dots li {
  margin: 0;
  width: 15px;
}
.view-catalog-ready .views-view-grid .slick-dots li.slick-active button::before {
  opacity: 1;
  color: #40ac9d;
}
.view-catalog-ready .slick-dots li button::before {
  opacity: 1;
  color: #363636;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/* Форма заказа букета */
input[type="date"].order-input {
  cursor: pointer;
}

input[type="date"].order-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
}

.page-node-6 #header {
  background-color: #000;
}

/** Паблики **/
.social-publics {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 31px;
  padding: 1px 9px 2px;
  box-sizing: border-box;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  font-family: 'Soyuz Grotesk', sans-serif;
}
.social-publics__title {
  flex-shrink: 0;
  font-size: 20px;
  line-height: 1;
  white-space: nowrap;
}
.social-publics__links {
  display: flex;
  align-items: center;
  gap: 10px;
}
.social-publics__link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  text-decoration: none;
}
.social-publics__icon {
  display: block;
  width: auto;
  height: 23px;
  object-fit: contain;
}
.social-publics__icon--vk {
  width: 28px;
  height: auto;
}

/** Блок Регистрация выполнена **/
body.page-node-6 {
  background-color: #000;
}
.registration-welcome {
  --registration-welcome-bg: #00917c;
  --registration-welcome-accent: #484886;
  --registration-welcome-button: #1c52dc;
  --registration-welcome-text: #ffffff;
  --registration-welcome-card-text: #333333;

  background-color: var(--registration-welcome-bg);
  color: var(--registration-welcome-text);
  border-radius: 12px;
  overflow: hidden;
}
.registration-welcome,
.registration-welcome *,
.registration-welcome *::before,
.registration-welcome *::after {
  box-sizing: border-box;
}
.registration-welcome__inner {
  width: min(100%, 900px);
  margin-inline: auto;
  padding: 48px 40px;
}
.registration-welcome__intro {
  max-width: 760px;
  margin: 0 auto 36px;
  text-align: center;
}
.registration-welcome__title {
  margin: 0 0 14px;
  color: inherit;
  font-family: inherit;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 700;
  line-height: 1.15;
}
.registration-welcome__lead {
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: 18px;
  line-height: 1.5;
}
.registration-welcome__features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 32px;
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
}
.registration-welcome__feature {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.45;
}
.registration-welcome__feature-icon {
  display: inline-flex;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-top: -4px;
  border: 2px solid currentColor;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.registration-welcome__notice {
  margin: 0 0 32px;
  padding: 24px 28px;
  background-color: var(--registration-welcome-accent);
  border-radius: 10px;
}
.registration-welcome__notice-title {
  margin: 0 0 10px;
  color: inherit;
  font-family: inherit;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}
.registration-welcome__notice-text {
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}
.registration-welcome__promo {
  padding: 30px;
  color: var(--registration-welcome-card-text);
  text-align: center;
  background-color: #f8f8f8;
  border: 1px dashed #9299a2;
  border-radius: 10px;
}
.registration-welcome__promo-title {
  margin: 0 0 18px;
  color: inherit;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.registration-welcome__promo-link {
  display: inline-flex;
  min-width: 220px;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  color: #ffffff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  background-color: var(--registration-welcome-button);
  border-radius: 6px;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}
.registration-welcome__promo-link:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
}
.registration-welcome__promo-link:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}
.registration-welcome__promo-link:active {
  transform: translateY(1px);
}
.registration-welcome__promo-note {
  margin: 12px 0 0;
  color: inherit;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width: 767px) {
  .registration-welcome__inner {
    padding: 36px 20px;
  }
  .registration-welcome__intro {
    margin-bottom: 30px;
  }
  .registration-welcome__lead {
    font-size: 16px;
  }
  .registration-welcome__features {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 32px;
  }
  .registration-welcome__notice {
    padding: 22px 20px;
  }
  .registration-welcome__notice-title {
    font-size: 21px;
  }
  .registration-welcome__promo {
    padding: 24px 20px;
  }
  .registration-welcome__promo-link {
    width: 100%;
    min-width: 0;
  }
}