.product-content { padding-top: 35px; } .product-item-not-available { display: block; font-size: 16px; line-height: 120%; } .product-item-not-available { display: block; font-size: 16px; line-height: 120%; color: #2C2C2CB2; } @media (max-width: 429px) { .product-item-not-available { font-size: 12px; line-height: 104%; } } .list.header__networks { display: flex; gap: 10px; flex-wrap: wrap; margin-right: 0; margin-left: 0; } .list.header__networks .footer__networks-el { width: 38px; height: 38px; } .list.header__networks .footer__networks-icon { display: block; width: 38px; height: 38px; object-fit: contain; } @media (max-width: 1365px) { .list.header__networks { margin-right: 0; margin-left: 0; } .list.header__networks .footer__networks-el { width: 34px; height: 34px; } .list.header__networks .footer__networks-icon { width: 34px; height: 34px; } } @media (min-width: 1098px) { .header__nav .list.header__networks { display: none !important; } } @media (max-width: 1099px) { .list.header__networks { display: none !important; } } @media (max-width: 992px) { .header__nav .list.header__networks { display: flex !important; margin-top: 40px; margin-left: 0; margin-right: 0; } } .header__container { gap: 48px; } .header__nav { gap: 48px; } @media (max-width: 1539px) { .header__container { gap: 42px; } .header__nav { gap: 42px; } } @media (max-width: 1365px) { .header__container { gap: 30px; } .header__nav { gap: 30px; } } @media (min-width: 993px) { .address-edit-card { border: 1px solid #2C2C2C; border-radius: 61px; padding: 38px; max-width: 816px; margin-bottom: 20px; } } .address-header-preview { background-color: hwb(0deg 17% 83% / 20%); border-radius: 61px; padding: 18px 30px 30px 30px; color: #333; font-size: 20px; line-height: 140%; } .address__form .input.address__input { border-radius: 60px; border: 1px solid var(--mine-shaft); max-width: 100%; padding: 16px 30px; width: 100%; font-size: 16px; margin-bottom: 5px; } .address__form .input.address__input.address__input-index { max-width: 251px; } .address__form .input.address__input.address__input-flat { max-width: 163px; } .address-controls { display: flex; justify-content: space-between; align-items: center; margin-top: 25px; } .address-controls-flex { display: flex; gap: 68px; } .address-controls-flex.address-controls-flex-mobile { display: none; } .btn-save-text { background: none; border: none; color: #2C2C2C; text-decoration: none; font-size: 16px; cursor: pointer; padding: 0; } .btn-cancel-icon { color: #2C2C2C; text-decoration: none; font-size: 16px; display: flex; align-items: center; cursor: pointer; } .flex-row-inputs { display: flex; } /* Стили списка остальных адресов (read-only) */ .address-list-readonly { margin-top: 40px; max-width: 600px; list-style: none; padding: 0; } .address-item-readonly { border: 1px solid #e0e0e0; /* Более бледная рамка */ border-radius: 20px; padding: 15px 20px; margin-bottom: 15px; color: #777; /* Серый текст, чтобы показать неактивность */ } .address-item-readonly p { margin: 0; font-size: 14px; line-height: 1.5; } @media (max-width: 992px) { .address-header-preview, .address__list.address__list-detail, .address-controls-flex { display: none; } .flex-row-inputs { flex-direction: column; gap: 6px; } .address__form .input.address__input.address__input-index, .address__form .input.address__input.address__input-flat { max-width: none; } .btn-save-text { font-family: "OpenSansCondensed", sans-serif; font-weight: 700; line-height: 104%; text-transform: uppercase; color: var(--mine-shaft); text-align: center; border-radius: 54px; width: 100%; background-color: var(--wheat); border: 1px solid transparent; transition: border-color .2s ease, color .2s ease; display: block; max-width: 325px; font-size: 16px; padding: 17px; } .address-controls { margin-top: 0; } .address-controls-flex.address-controls-flex-mobile { display: flex; justify-content: space-between; gap: normal; margin-bottom: 27px; } .btn-cancel-icon { font-size: 12px; } } @media (max-width: 479px) { .btn-save-text { font-family: "OpenSansCondensed", sans-serif; font-weight: 700; line-height: 104%; text-transform: uppercase; color: var(--mine-shaft); text-align: center; border-radius: 54px; width: 100%; background-color: var(--wheat); border: 1px solid transparent; transition: border-color .2s ease, color .2s ease; padding: 10px; max-width: none; font-size: 12px; margin-top: 30px; } .address__form .input.address__input { padding: 5px 10px; font-size: 12px; } } .shop__products { margin: 0 auto; gap: 40px; } .shop__products .shop__product { flex: 0 1 calc(25% - 30px); } .shop__product:last-child { margin-right: 0 !important; } @media (max-width: 1539px) { .shop__products .shop__product { flex-basis: calc(33% - 23px); } } @media (max-width: 1365px) { .shop__products .shop__product { flex-basis: calc(33% - 24px); } } @media (max-width: 836px) { .shop__products .shop__product { flex-basis: calc(50% - 20px); } } @media (max-width: 576px) { .shop__products .shop__product { flex-basis: 100%; } .shop__products { padding: 0 18px; } .product__specification-item { flex-direction: column; } .product__specification-item .product__specification-name { flex-basis: 0; padding-bottom: 10px; } .product__specification-item .product__specification-value { max-width: none; padding-bottom: 20px; } } .shop__category .shop__category-el { background-position: center !important; background-size: cover !important; color: #fff; background: #cdcdcd; } .product-item-image-original { background-color: #cdcdcd; } .shop__category .shop__category-item { flex: 0 0 328px; min-height: 160px; } .list.shop__category { gap: 60px; margin-bottom: 80px; } @media (max-width: 1539px) { .list.shop__category { gap: 30px; } } @media (max-width: 1365px) { .shop__category .shop__category-item { flex: 0 0 308px; } } @media (max-width: 992px) { .list.shop__category { gap: 20px; margin-bottom: 40px; } .shop__category .shop__category-item { flex: 0 0 280px; } } @media (max-width: 767px) { .list.shop__category { gap: 10px; } } @media (max-width: 576px) { .list.shop__category { margin-bottom: 30px; } .shop__category .shop__category-item { flex: 0 0 220px; height: 120px; min-height: 120px; } .shop__category .shop__category-el { height: 120px; } } @media (max-width: 479px) { .shop__category .shop__category-item { flex: 0 0 130px; height: 80px; min-height: 80px; } .shop__category .shop__category-el { height: 80px; } } .shop__product .product-item, .top-sales__slider .product-slider__item, .swiper-backface-hidden:not(.hero__slider ) .swiper-slide { display: flex; flex-direction: column; height: 100%; } .top-sales__slider .product-slider__item, .swiper-backface-hidden:not(.hero__slider ) .swiper-slide { height: auto; } .shop__product .product-item .product-slider__content, .top-sales__slider .product-slider__item .product-slider__content, .swiper-backface-hidden:not(.hero__slider ) .swiper-slide .product-slider__content { flex: 1 1 auto; } .basket__item .profile__input.textarea { margin: 30px 0 40px; } .basket__info-promo .btn-primary { line-height: 1.15; padding: 15px 25px; } .popup__window.popup__window-form { max-width: 400px; } .popup__window.popup__window-form .auth__title { text-align: center; margin-bottom: 10px; } .popup__window.popup__window-form .auth__info, .popup__window.popup__window-form .auth__form { max-width: none; } .popup__window.popup__window-form .popup-form-order__product_name { text-align: center; margin-bottom: 16px; } .popup__window.popup__window-form .popup-form-order__notice { text-align: center; margin-bottom: 40px; font-size: 18px; line-height: 1.3; } .popup__window.popup__window-form .subtitle.auth__subtitle { text-align: center; margin-bottom: 40px; } .popup__window.popup__window-form .auth__title.success { font-size: 26px; } .cart-fixed-popup { z-index: 99999; position: fixed; top: 80px; right: 20px; width: 360px; } .cart-fixed-popup__item { display: flex; gap: 20px; margin-bottom: 10px; padding: 20px; background-color: rgba(0, 0, 0, .9); color: #fff; } .cart-fixed-popup__img { width: 70px; height: 70px; min-width: 70px; } .cart-fixed-popup__img img { width: 100%; height: 100%; object-fit: cover; } .cart-fixed-popup__content { display: flex; flex-direction: column; /*justify-content: space-between;*/ width: calc(100% - 90px); } .cart-fixed-popup__title { letter-spacing: normal; text-transform: none; font-size: 13px; font-style: normal; font-weight: 400; line-height: 1.1; display: flex; align-items: center; gap: 5px; margin-bottom: 10px; } .cart-fixed-popup__title svg { width: 12px; } .cart-fixed-popup__weight { letter-spacing: 1.4px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; font-size: 9px; font-style: normal; font-weight: 500; line-height: 1.5; overflow: hidden; } .cart-fixed-popup__name { text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-style: normal; font-weight: 500; line-height: 1.6; overflow: hidden; } @media(max-width: 720px){ .cart-fixed-popup { top: 60px; right: 20px; left: 20px; width: calc(100% - 40px); } .cart-fixed-popup__item { padding: 15px; } } .cart-fixed-popup__item { opacity: 0; transform: translateY(-20px) scale(0.95); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); cursor: pointer; position: relative; } .cart-fixed-popup__item.show { opacity: 1; transform: translateY(0) scale(1); animation: slideIn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } .cart-fixed-popup__item.hide { opacity: 0 !important; transform: translateY(-10px) scale(0.95) !important; } @keyframes slideIn { 0% { opacity: 0; transform: translateY(-20px) scale(0.95); } 50% { transform: translateY(-5px) scale(1.02); } 100% { opacity: 1; transform: translateY(0) scale(1); } } .bx-basket .header__basket-title { letter-spacing: -.4px; font-size: 22px; font-weight: 600; line-height: 1.1; } .bx-basket .header__basket-title .header__basket-count-box { font-size: 15px; } .bx-basket .header__basket-title.header__basket-title-empty { display: block; font-size: 18px; letter-spacing: -.05em; margin-bottom: 0; font-weight: 600; } .bx-basket .dropdown__body { border-radius: 0; position: relative; width: 500px; } .bx-basket .dropdown__body .popup__close { right: 10px; top: 10px; width: 20px; height: 20px; color: #2c2c2c; } .bx-basket .header__basket-img { width: 100px; height: 100px; /*border-radius: 0;*/ } .bx-basket .header__basket-item { gap: 20px; padding-right: 20px; } .bx-basket .header__basket-item-title { font-style: normal; line-height: 1.2; } .bx-basket .bx-basket-item-list-item-remove { top: 0; right: 0; left: auto; } .bx-basket .bx-basket-item-list-item-remove:after, .bx-basket .bx-basket-item-list-item-remove:before { height: 1px; background-color: #2c2c2c; } .bx-basket .header__basket-total { margin-top: 40px; letter-spacing: -.4px; font-size: 20px; font-weight: 600; line-height: 1.1; text-align: right; } .bx-basket .header__basket-btn { margin: 40px auto 0px auto; } .bx-basket .header__basket-price { margin: 10px 0px; } @media(max-width: 640px){ .bx-basket .dropdown__body { width: 300px; } .bx-basket .header__basket-price { font-size: 14px; } .bx-basket .header__basket-img { width: 70px; height: 70px; } .bx-basket .header__basket-total { margin-top: 20px; font-size: 16px; } .bx-basket .header__basket-btn { margin: 20px auto 0px auto; } .header__basket-item-title { font-size: 12px; } .bx-basket .header__basket-item { gap: 10px; } } .footer__contacts .footer__view { color: #2C2C2C; margin-bottom: 40px; } .footer-company-text { line-height: 120%; font-size: 20px; } @media (max-width: 992px) { .footer-company-text { font-size: 18px; } } @media (max-width: 767px) { .footer-company-text { font-size: 16px; } } .footer__contacts .footer__contacts-info { margin-top: 40px; } .footer__networks { margin-top: 20px; } @media (max-width: 767px) { .footer__contacts .footer__logo-img { margin-left: 0px; } .footer__view { margin-top: -5px; } } @media (min-width: 768px) { .footer__contacts .footer__logo-img { margin-left: -5px; } .footer__contacts .footer__view { margin-top: -15px; } } @media (min-width: 992px) { .footer__contacts .footer__logo-img { margin-left: -10px; } .footer__contacts .footer__view { margin-top: -25px; } }
.popup[data-popup="order-form"] .popup__window-form { max-width: 520px; border-radius: 24px; box-shadow: 0 24px 80px rgba(23, 20, 36, .28); }
.popup[data-popup="order-form"] .auth__body { padding: 56px 42px 36px; }
.popup[data-popup="order-form"] .popup__close { top: 16px; right: 16px; width: 36px; height: 36px; border-radius: 50%; background: #f3f4f4; color: var(--mine-shaft); }
.popup[data-popup="order-form"] .popup__close:focus-visible { outline: 2px solid var(--hoki); outline-offset: 2px; }
.popup[data-popup="order-form"] .popup__close-icon { width: 18px; height: 18px; }
.popup[data-popup="order-form"] .auth__title { margin-bottom: 12px; line-height: 1.15; }
.popup[data-popup="order-form"] .popup-form-order__notice { margin-bottom: 24px; font-size: 16px; line-height: 1.5; }
.popup[data-popup="order-form"] .auth__form { margin-top: 20px; }
.popup[data-popup="order-form"] .auth__consent { max-width: none; }
@media (max-width: 576px) {
  .popup[data-popup="order-form"] .popup__window-form { max-width: calc(100vw - 24px); border-radius: 20px; }
  .popup[data-popup="order-form"] .auth__body { padding: 56px 20px 26px; }
  .popup[data-popup="order-form"] .auth__title { font-size: 28px; }
  .popup[data-popup="order-form"] .popup-form-order__notice { font-size: 14px; }
}

.new-products__slider .swiper-wrapper { align-items: stretch; }
.new-products__slider .product-slider__item { display: flex; flex-direction: column; height: auto; }
.new-products__slider .product-slider__price-info { margin-top: auto; }

@media (max-width: 992px) {
  .header .header__nav { row-gap: 0; }
  .header .header__nav-list--catalog { gap: 20px; margin-top: 20px; }
  .header .header__nav-list--about { gap: 20px; margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(44, 44, 44, .14); }
  .header .header__nav-list--catalog .header__nav-btn,
  .header .header__nav-list--about .header__nav-btn { font-size: 20px; line-height: 1.3; }
  .header .header__nav .list.header__networks { margin-top: 28px; }
}

.business-hero .business-hero__visual img { border-radius: 32px; }
@media (max-width: 992px) {
  .business-hero .business-hero__visual img { border-radius: 24px; }
}
@media (max-width: 767px) {
  .business-hero .business-hero__visual img { border-radius: 20px; }
}

.our-products .our-products__item:last-child:nth-child(odd) { grid-column: 1 / -1; }

/* Mini cart */
.bx-basket .dropdown__item {
	right: 0;
}

.bx-basket .dropdown__body {
	box-sizing: border-box;
	width: min(500px, calc(100vw - 32px));
	padding: 28px 24px 24px;
	border: 1px solid rgba(94, 132, 150, 0.32);
	border-radius: 24px;
	box-shadow: 0 16px 48px rgba(34, 54, 64, 0.16);
}

.bx-basket .header__basket-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
}

.bx-basket .header__basket-header .header__basket-title {
	margin: 0;
}

.bx-basket .header__basket-header .popup__close-basket {
	position: static;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	padding: 6px;
	border: 1px solid rgba(94, 132, 150, 0.35);
	border-radius: 50%;
	background: #f5f8f8;
	color: #2c2c2c;
}

.bx-basket .header__basket-header .popup__close-basket .popup__close-icon {
	width: 100%;
	height: 100%;
}

.bx-basket .header__basket-product-link {
	display: block;
	flex: 0 0 auto;
	border-radius: 14px;
	overflow: hidden;
}

.bx-basket .header__basket-product-link .header__basket-img {
	display: block;
	object-fit: cover;
}

.bx-basket .header__basket-product-name {
	color: inherit;
	text-decoration: none;
}

.bx-basket .header__basket-product-name:hover {
	color: #5e8496;
}

@media (max-width: 640px) {
	.bx-basket .dropdown__body {
		width: min(420px, calc(100vw - 32px));
		padding: 20px 16px 18px;
		border-radius: 20px;
	}

.bx-basket .header__basket-header {
	margin-bottom: 18px;
}
}

@media (max-width: 767px) {
	.basket {
		gap: 24px;
		margin-top: 24px;
	}

	.basket__item:not(:last-child) {
		margin-bottom: 20px;
	}

	.basket__item-title {
		margin-bottom: 16px;
	}

	.basket__products-head {
		margin-bottom: 16px;
	}

	.basket__products-list {
		row-gap: 24px;
	}

	.basket__product {
		display: grid;
		grid-template-columns: 104px minmax(0, 1fr);
		grid-template-areas:
			"image info"
			"image controls";
		align-items: start;
		column-gap: 16px;
		row-gap: 12px;
		position: relative;
	}

	.basket__product .basket-item-actions-remove {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		width: 24px;
		height: 24px;
		padding: 0;
	}

	.basket__product-img {
		grid-area: image;
		width: 104px;
		height: 144px;
		margin: 0;
		border-radius: 18px;
		object-fit: cover;
	}

	.basket__product-info {
		grid-area: info;
		min-width: 0;
		margin: 0;
		padding-right: 20px;
	}

	.basket__product-title {
		font-size: 15px;
		line-height: 1.25;
	}

	.basket__numbers-price {
		grid-area: controls;
		align-self: end;
		justify-content: space-between;
		align-items: end;
		gap: 10px;
		min-width: 0;
		margin: 0;
	}

	.basket__numbers-price > .basket__product-price {
		text-align: right;
	}

	.basket__numbers-wrapper {
		gap: 9px;
	}

	.basket__numbers-wrapper .basket__number-btn {
		flex: 0 0 30px;
		width: 30px;
		height: 30px;
		padding: 0;
	}

	.basket__product-number {
		min-width: 16px;
		text-align: center;
	}

	.grind-selector--basket .grind-selector__options {
		flex-wrap: wrap;
		gap: 6px;
	}

	.basket__delivery-buttons {
		margin-bottom: 24px;
	}
}

.basket__product-image-link {
	display: block;
	flex: 0 1 auto;
	line-height: 0;
}

.basket__product-name-link {
	color: inherit;
	text-decoration: none;
}

.basket__product-name-link:hover {
	color: #5e8496;
}

.bx-basket .header__basket-number-btn,
.basket__numbers-wrapper .basket__number-btn {
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 50%;
	background: var(--wheat);
	color: var(--mine-shaft);
}

.bx-basket .header__basket-number-btn:hover,
.basket__numbers-wrapper .basket__number-btn:hover {
	border: 0;
	background: var(--hoki);
	color: #fff;
}

.bx-basket .header__basket-grind {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.35;
	color: rgba(44, 44, 44, 0.72);
}

.basket__empty {
	margin: 0;
	padding: 28px 0;
	font-size: 18px;
	color: rgba(44, 44, 44, 0.64);
}

.bx-basket .dropdown__body {
	padding: 20px;
}

.bx-basket .dropdown__body.is-empty {
	padding: 20px;
}

.bx-basket .dropdown__body.is-empty .header__basket-header {
	margin-bottom: 0;
}

.bx-basket .header__basket-header {
	margin-bottom: 18px;
}

.bx-basket .header__basket-item {
	align-items: flex-start;
}

.bx-basket .header__basket-purchase-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 8px;
}

.bx-basket .header__basket-purchase-row .header__basket-price {
	margin: 0;
}

.bx-basket .header__basket-purchase-row .header__basket-numbers {
	flex: 0 0 auto;
	margin: 0;
}

.bx-basket .header__basket-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 24px;
}

.bx-basket .header__basket-footer .header__basket-total,
.bx-basket .header__basket-footer .header__basket-btn {
	margin: 0;
}

.bx-basket .header__basket-footer .header__basket-btn {
	flex: 0 0 auto;
}

.bx-basket .header__basket-number-btn {
	width: 28px;
	height: 28px;
	background: #f1f4f3;
	color: #5e8496;
}

.bx-basket .header__basket-number-btn:hover {
	background: #e6eeee;
	color: #476d7f;
}

@media (max-width: 640px) {
	.bx-basket .header__basket-footer {
		gap: 8px;
	}

	.bx-basket .header__basket-footer .header__basket-total {
		font-size: 14px;
		white-space: nowrap;
	}

	.bx-basket .header__basket-footer .header__basket-btn {
		padding: 10px 12px;
		font-size: 12px;
		white-space: nowrap;
	}
}

.cart-fixed-popup__item {
	position: relative;
	padding: 18px 50px 18px 18px;
	border: 1px solid rgba(94, 132, 150, 0.32);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 14px 36px rgba(34, 54, 64, 0.18);
	color: var(--mine-shaft);
}

.cart-fixed-popup__close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 28px;
	height: 28px;
	border: 1px solid rgba(94, 132, 150, 0.35);
	border-radius: 50%;
	background: #f5f8f8;
	color: var(--mine-shaft);
	cursor: pointer;
}

.cart-fixed-popup__close::before,
.cart-fixed-popup__close::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 1px;
	background: currentColor;
	content: '';
}

.cart-fixed-popup__close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.cart-fixed-popup__close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.cart-fixed-popup__img {
	flex: 0 0 70px;
	border-radius: 14px;
	overflow: hidden;
}

.cart-fixed-popup__img img {
	display: block;
	border-radius: inherit;
}

.cart-fixed-popup__title {
	color: #5e8496;
}

.cart-fixed-popup__name,
.cart-fixed-popup__weight {
	color: var(--mine-shaft);
}

@media (max-width: 479px) {
	.shop__category .shop__category-item {
		flex-basis: 180px;
		height: 104px;
		min-height: 104px;
	}

	.shop__category .shop__category-el {
		height: 104px;
	}

	.shop__category-title {
		left: 14px;
		right: 50px;
		bottom: 12px;
		max-width: none;
		font-size: 14px;
		line-height: 1.15;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.shop__category-arrow {
		right: 12px;
		bottom: 12px;
		width: 28px;
		height: 28px;
		font-size: 16px;
	}
}

.business-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
	align-items: center;
	gap: clamp(32px, 5vw, 80px);
	padding: clamp(28px, 4vw, 64px);
}

.business-hero__visual {
	width: 100%;
	max-width: 560px;
	margin-left: auto;
}

.business-hero .business-hero__visual img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.supplies-sales__item-title {
	max-width: 960px;
	margin-bottom: 18px;
	line-height: 1.15;
}

.supplies-sales__content,
.supplies-sales__list {
	max-width: 960px;
}

.supplies-sales__content {
	line-height: 1.5;
}

@media (max-width: 992px) {
	.business-hero {
		grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
		gap: 28px;
		padding: 32px;
	}
}

@media (max-width: 767px) {
	.business-hero {
		grid-template-columns: 1fr;
		gap: 24px;
		padding: 24px;
	}

	.business-hero__visual {
		max-width: none;
		margin: 0;
	}

	.business-hero .business-hero__visual img {
		aspect-ratio: 16 / 10;
	}

	.supplies-sales__item-title {
		margin-bottom: 14px;
	}
}

@media (max-width: 1024px) {
	.basket__products {
		max-width: none;
	}

	.basket__product {
		display: grid;
		grid-template-columns: clamp(100px, 16vw, 150px) minmax(0, 1fr);
		grid-template-areas:
			"image info"
			"image controls";
		align-items: start;
		column-gap: 24px;
		row-gap: 14px;
		position: relative;
	}

	.basket__product-image-link,
	.basket__product-img {
		grid-area: image;
		width: 100%;
		min-width: 0;
		margin: 0;
		aspect-ratio: 2 / 3;
		border-radius: 18px;
		object-fit: cover;
	}

	.basket__product-info {
		grid-area: info;
		min-width: 0;
		margin: 0;
		padding-right: 32px;
	}

	.basket__product-title {
		font-size: clamp(16px, 2vw, 20px);
		line-height: 1.25;
	}

	.basket__numbers-price {
		grid-area: controls;
		align-self: end;
		justify-content: space-between;
		align-items: end;
		gap: 16px;
		min-width: 0;
		margin: 0;
	}

	.basket__numbers-price > .basket__product-price {
		text-align: right;
	}

	.basket__product .basket-item-actions-remove {
		position: absolute;
		top: 0;
		right: 0;
		left: auto !important;
		z-index: 1;
		width: 28px;
		height: 28px;
		padding: 0;
	}
}

@media (max-width: 767px) {
	.basket__product {
		grid-template-columns: 104px minmax(0, 1fr);
		column-gap: 16px;
		row-gap: 12px;
	}

	.basket__product .basket-item-actions-remove {
		width: 24px;
		height: 24px;
	}

	.basket__product-img {
		aspect-ratio: auto;
		height: 144px;
	}
}

.footer {
	background: linear-gradient(137deg, #506c85 0%, #95c0cc 100%);
}

@media (min-width: 1025px) {
	#basket-page-app .basket__products-list {
		row-gap: 20px;
	}

	#basket-page-app .basket__product {
		display: grid;
		grid-template-columns: 150px minmax(0, 1fr) minmax(280px, 0.8fr);
		grid-template-areas: "image info controls";
		align-items: center;
		gap: 24px;
		position: relative;
		padding: 18px;
		border: 1px solid rgba(94, 132, 150, 0.2);
		border-radius: 24px;
		background: #fff;
	}

	#basket-page-app .basket__product-image-link,
	#basket-page-app .basket__product-img {
		grid-area: image;
		width: 150px;
		height: 190px;
		margin: 0;
		border-radius: 18px;
		object-fit: cover;
	}

	#basket-page-app .basket__product-info {
		grid-area: info;
		min-width: 0;
		margin: 0;
		padding-right: 24px;
	}

	#basket-page-app .basket__product-title {
		font-size: clamp(18px, 1.4vw, 22px);
		line-height: 1.25;
	}

	#basket-page-app .basket__numbers-price {
		grid-area: controls;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		min-width: 0;
		margin: 0;
	}

	#basket-page-app .basket__product .basket-item-actions-remove {
		position: absolute;
		top: 12px;
		right: 12px;
		left: auto !important;
		z-index: 1;
		width: 28px;
		height: 28px;
		border-radius: 50%;
		background: #f8f0e5;
	}

	#basket-page-app .basket__mini-title {
		margin-bottom: 8px;
	}

	#basket-page-app .basket__product-price.title {
		font-size: clamp(22px, 1.8vw, 30px);
	}
}

@media (max-width: 1024px) {
	#basket-page-app {
		gap: 48px;
	}

	#basket-page-app .basket__products-list {
		row-gap: 28px;
	}

	#basket-page-app .basket__product {
		padding-bottom: 4px;
	}

	#basket-page-app .basket__product .basket-item-actions-remove {
		border-radius: 50%;
		background: #f8f0e5;
	}

	#basket-page-app .basket__info .basket__item:not(:last-child) {
		margin-bottom: 36px;
	}

	#basket-page-app .basket__item-title {
		margin-bottom: 22px;
	}

	#basket-page-app .basket__delivery-buttons {
		gap: 10px;
		margin-bottom: 22px;
	}

	#basket-page-app .hyde-location-search {
		margin-bottom: 14px;
	}

	#basket-page-app .js-deliveries-wrapper,
	#basket-page-app .js-deliveries-pvz {
		margin-bottom: 14px !important;
	}

	#basket-page-app .hyde-delivery-pvz {
		margin-top: 14px;
	}
}

@media (max-width: 767px) {
	#basket-page-app {
		gap: 56px;
		margin-top: 32px;
	}

	#basket-page-app .basket__item._bg::before {
		top: -12px;
		bottom: -12px;
	}

	#basket-page-app .basket__item-title {
		margin-bottom: 20px;
	}

	#basket-page-app .basket__info .basket__item:not(:last-child) {
		margin-bottom: 32px;
	}

	#basket-page-app .basket__products-head {
		margin-bottom: 22px;
	}

	#basket-page-app .basket__product {
		padding-bottom: 0;
	}

	#basket-page-app .basket__product-info {
		padding-right: 28px;
	}

	#basket-page-app .basket__numbers-price {
		gap: 8px;
	}

	#basket-page-app .basket__product-price.title {
		font-size: 22px;
	}

	#basket-page-app .basket__info .basket__item._bg > .profile__input {
		display: block;
		margin: 0 0 12px;
	}

	#basket-page-app .basket__info .basket__item._bg > .basket__info-promo {
		margin-top: 18px;
	}

	#basket-page-app .basket__all-price {
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 18px;
	}

	#basket-page-app .basket__btn-submit {
		margin-top: 10px;
	}
}

#basket-page-app .basket__products-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
}

#basket-page-app .basket__products-head .basket__item-title {
	margin: 0;
}

#basket-page-app .basket__products-clear {
	flex: 0 0 auto;
	line-height: 1.2;
}

#basket-page-app .basket__numbers-wrapper .basket__number-btn {
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	border: 0;
	border-radius: 50%;
	background: #f1f4f3;
	color: #5e8496;
	transition: background-color 0.2s ease, color 0.2s ease;
}

#basket-page-app .basket__numbers-wrapper .basket__number-btn:hover {
	background: #e6eeee;
	color: #476d7f;
}

.business-page,
.sales-connection {
	--business-content-inset: clamp(16px, 2vw, 28px);
}

.business-hero,
.business-formats,
.business-assortment,
.business-why {
	box-sizing: border-box;
	padding: var(--business-content-inset);
}

.business-formats__content {
	padding-inline: 0;
}

.business-brand__content {
	padding: var(--business-content-inset);
}

.business-why__cards {
	max-width: none;
	margin-inline: 0;
}

.business-why__terms {
	padding-inline: 0;
}

.sales-connection__container {
	box-sizing: border-box;
	max-width: var(--container-width);
	padding-inline: calc(20px + var(--business-content-inset));
}

.sales-connection__form {
	max-width: none;
}

@media (max-width: 767px) {
	.business-page,
	.sales-connection {
		--business-content-inset: 16px;
	}
}

@media (min-width: 993px) {
	.shop__category .shop__category-item {
		min-height: 145px;
	}

	.shop__category .shop__category-el {
		height: 145px;
	}
}