/* USER VARIABLES SECTION */



:root {

	--accent: #FF3C00;

	--text: #fff;

	--regular-text: 18px;

	--lineheight: 32px;

	--userfont: Rubik, sans-serif;

	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;

}





/* FONTS LOAD SECTION */

@font-face {

	font-family: 'Rubik';

	src: url('../fonts/rubik/Rubik-Regular.eot');

	src: local('Rubik Regular'), local('Rubik-Regular'),

		url('../fonts/rubik/Rubik-Regular.eot?#iefix') format('embedded-opentype'),

		url('../fonts/rubik/Rubik-Regular.woff2') format('woff2'),

		url('../fonts/rubik/Rubik-Regular.woff') format('woff'),

		url('../fonts/rubik/Rubik-Regular.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

	font-display: swap;

}



@font-face {

	font-family: 'Rubik';

	src: url('../fonts/rubik/Rubik-Medium.eot');

	src: local('Rubik Medium'), local('Rubik-Medium'),

		url('../fonts/rubik/Rubik-Medium.eot?#iefix') format('embedded-opentype'),

		url('../fonts/rubik/Rubik-Medium.woff2') format('woff2'),

		url('../fonts/rubik/Rubik-Medium.woff') format('woff'),

		url('../fonts/rubik/Rubik-Medium.ttf') format('truetype');

	font-weight: 500;

	font-style: normal;

	font-display: swap;

}

@font-face {

	font-family: 'Rubik';

	src: url('../fonts/rubik/Rubik-Black.eot');

	src: local('Rubik Black'), local('Rubik-Black'),

		url('../fonts/rubik/Rubik-Black.eot?#iefix') format('embedded-opentype'),

		url('../fonts/rubik/Rubik-Black.woff2') format('woff2'),

		url('../fonts/rubik/Rubik-Black.woff') format('woff'),

		url('../fonts/rubik/Rubik-Black.ttf') format('truetype');

	font-weight: 700;

	font-style: normal;

	font-display: swap;

}

@font-face {

	font-family: 'Rubik';

	src: url('../fonts/rubik/Rubik-Bold.eot');

	src: local('Rubik Bold'), local('Rubik-Bold'),

		url('../fonts/rubik/Rubik-Bold.eot?#iefix') format('embedded-opentype'),

		url('../fonts/rubik/Rubik-Bold.woff2') format('woff2'),

		url('../fonts/rubik/Rubik-Bold.woff') format('woff'),

		url('../fonts/rubik/Rubik-Bold.ttf') format('truetype');

	font-weight: 900;

	font-style: normal;

	font-display: swap;

}







/* GENERAL CSS SETTINGS */



::placeholder {

	color: rgba(255, 255, 255, 0.7);

	font-size: 15px;

	line-height: 125%;

}



::selection {

	background-color: var(--accent);

	color: #fff;

}



input,

textarea {

	outline: none;

	background-color: transparent;

	width: 100%;

	display: block;

	border: 1px solid rgba(254, 255, 255, 0.3);

	border-radius: 8px;

	padding: 15px;

	transition: .25s;

	color: #fff;

	font-weight: normal;

	font-size: 15px;

}



input:focus:required:invalid,

textarea:focus:required:invalid {

	border-color: red;

}

input:focus {

	border: 1px solid rgba(254, 255, 255, 0.45);

}

textarea:focus {

	border: 1px solid rgba(254, 255, 255, 0.45);

}

input:required:valid,

textarea:required:valid {

	border-color: green;

}

html {

	-ms-overflow-style: none;

	/* IE 10+ */

	-ms-overflow-style: none;

	scrollbar-width: none;

}

html::-webkit-scrollbar {

	/* chrome based */

	width: 0px;

	/* ширина scrollbar'a */

	background: transparent;

	/* опционально */

	-ms-overflow-style: none;

	/* IE 10+ */

	-ms-overflow-style: none;

	scrollbar-width: none;

}



body {

	font-family: var(--userfont);

	font-size: var(--regular-text);

	line-height: var(--lineheight);

	color: var(--text);

	min-width: 320px;

	position: relative;

	overflow-x: hidden;

	background-color: #000;

}



/* USER STYLES */



img {

	max-width: 100%;

}





h1,

h2,

h3,

h4 {

	font-weight: 900;

}



P {

	font-weight: normal;

}



a,

button {

	transition: .25s;

}



header {

	width: 1920px;

	max-width: 100%;

	display: flex;

	align-items: center;

	justify-content: space-between;

	position: relative;

	padding: 12px 24px;

	margin: 0 auto;

	height: 92px;

	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);

}



.box {

	width: 1920px;

	max-width: 100%;

	display: block;

	position: relative;

	margin: 0 auto;

}



.logo {

	width: 272px;

}



.main-nav ul {

	display: flex;

	align-items: center;

	list-style-type: none;

	margin-bottom: 0;

	padding-left: 0;

}



.main-nav ul li {

	margin-right: 52px;

}



.main-nav ul li:last-of-type {

	margin-right: 0px;

}



.main-nav ul li a {

	color: #fff;

	text-decoration: none;

	font-weight: 500;

	font-size: 16px;

	line-height: 18px;

	padding: 10px;

}



.main-nav ul li a:hover,

.main-nav ul li a.active-nav-link

.mobile-main-nav ul li a.active-nav-link {

	color: #FF3C00;

}



#search {

	width: 320px;

	height: 48px;

	border-radius: 100px;

	position: relative;

	max-width: 100%;

}



#search button {

	position: absolute;

	left: 0;

	top: 0;

	height: 48px;

	width: 48px;

	background-color: transparent;

	border: none;

	box-shadow: none;

	background-image: url(../images/search-icon.svg);

	z-index: 1;

	background-repeat: no-repeat;

	background-size: 20px;

	background-position: center center;

	opacity: .4;

}

#search button:hover{

	opacity: 1;

}

#search input {

	width: 100%;

	height: 48px;

	background: rgba(255, 255, 255, 0.1);

	border-radius: 100px;

	border: none;

	padding-left: 50px;

	font-size: 15px;

	color: #fff;

}



.social {

	display: flex;

	align-items: center;

}



.social a {

	width: 44px;

	height: 44px;

	border-radius: 50%;

	background: rgba(255, 255, 255, 0.1);

	display: flex;

	align-items: center;

	justify-content: center;

	margin-right: 24px;

}



.social a:hover {

	background-color: #FF3C00;

}



.social a:last-of-type {

	margin-right: 0;

}



.lang {

	position: relative;

}



.lang-sub a:hover {

	background-color: #FF3C00;

}



.lang-current {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 97px;

	height: 48px;

	background: rgba(255, 255, 255, 0.1);

	border-radius: 100px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 16px;

	line-height: 125%;

	font-weight: 500;

	cursor: pointer;

	transition: .25s;

}



.lang-icon {

	margin-right: 10px;

}



.lang-down {

	margin-left: 7px;

}



.lang-sub {

	display: none;

	position: absolute;

	width: 97px;

	height: 48px;

	top: 50px;

	z-index: 10;

}



.lang-sub a {

	position: absolute;

	width: 97px;

	height: 48px;

	background: #111;

	border-radius: 100px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 16px;

	line-height: 125%;

	font-weight: 500;

	cursor: pointer;

	transition: .25s;

	color: #fff;

	text-decoration: none;



}



.header-right {

	display: none;

	align-items: center;

}



.menu-icon {

	display: none;

	margin-left: 20px;

}



.menu-show {

	width: 48px;

	height: 48px;

	background: rgba(255, 255, 255, 0.1);

	border-radius: 100px;

	border: none;

	box-shadow: none;

	background-image: url(../images/menu-icon.svg);

	background-repeat: no-repeat;

	background-position: center center;

}



.menu-show:hover {

	background-color: #FF3C00;

}



.menu-close {

	background-image: url(../images/close-menu.svg);

	background-color: #FF3C00;

}



#cart {

	display: none;

}



.cart-block {

	width: 76px;

	height: 48px;

	background: rgba(255, 255, 255, 0.1);

	border-radius: 100px;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

}



.icon-cart {

	display: flex;

	align-items: center;

	justify-content: center;

}



.cart-count {

	font-size: 13px;

	line-height: 16px;

	display: flex;

	align-items: center;

	justify-content: center;

	z-index: 2;

	background: #FF3C00;

	width: 20px;

	height: 20px;

	border-radius: 50%;

	margin-left: 8px;

}



#cart.cart-active .cart-block{

	background-color: #FF3C00;

}



#cart.cart-active .cart-count{

	background-color: #fff;

	color: #FF3C00;

}



.sidebar-menu,

.side-cart {

	background: #000000;

	box-shadow: -1px 0px 0px rgba(255, 255, 255, 0.1);

	position: fixed;

	top: 93px;

	right: 0;

	width: 324px;

	height: 100vh;

	padding: 28px;

	overflow-y: auto;

	-ms-overflow-style: none;

	/* IE 10+ */

	-ms-overflow-style: none;

	scrollbar-width: none;

	display: none;

	z-index: 7;

}



.side-cart {

	display: block;

}



.sidebar-menu::-webkit-scrollbar {

	/* chrome based */

	width: 0px;

	/* ширина scrollbar'a */

	background: transparent;

	/* опционально */

	-ms-overflow-style: none;

	/* IE 10+ */

	-ms-overflow-style: none;

	scrollbar-width: none;

}





.sidebar-menu .lang .lang-current {

	width: 100%;

	margin-top: 32px;

	justify-content: start;

	padding: 0 20px;

	position: relative;

}



.sidebar-menu .lang .lang-down {

	position: absolute;

	right: 20px;

	top: 12px;

}



.sidebar-menu .lang-sub,

.sidebar-menu .lang-sub a {

	width: 100%;

}



.sidebar-menu .lang-sub a {

	background-color: #111;

}



.sidebar-menu .lang-sub a:hover {

	background-color: #FF3C00;

}



.line {

	height: 1px;

	width: 100%;

	display: block;

	background: #FEFFFF;

	opacity: 0.1;

}



.sidebar-menu .line,

.side-cart .line {

	margin: 32px 0;

}



.mobile-main-nav ul {

	list-style-type: none;

	padding-left: 0;

	margin-bottom: 0;

}



.mobile-main-nav ul li a {

	display: block;

	color: #fff;

	text-decoration: none;

	font-size: 16px;

	line-height: 19px;

	font-weight: 500;

	margin-bottom: 25px;

}



.mobile-main-nav ul li:last-child a {

	margin-bottom: 0;

}



.mobile-main-nav ul li a:hover,

.mobile-main-nav ul li.active-nav-link a {

	color: #FF3C00;

}



.side-text .title {

	font-size: 18px;

	line-height: 22px;

	font-weight: 500;

	margin-bottom: 25px;

}



.side-text p {

	font-size: 14px;

	line-height: 140%;

	color: #fff;

	opacity: .7;

}



.side-text p.time {

	font-size: 15px;

	line-height: 1;

	padding: 5px 0;

	padding-left: 35px;

	background-image: url(../images/time-work.svg);

	background-repeat: no-repeat;

	background-position: left center;

	opacity: 1;

	display: block;

}



.side-text p.adress {

	font-size: 15px;

	line-height: 1;

	padding: 5px 0;

	padding-left: 35px;

	background-image: url(../images/adress.svg);

	background-repeat: no-repeat;

	background-position: left center;

	opacity: 1;

	display: block;

}



.phone-sidebar {

	color: #fff;

	text-decoration: none;

	font-size: 15px;

	padding-left: 35px;

	background-image: url(../images/phone.svg);

	background-repeat: no-repeat;

	background-position: left center;

	opacity: 1;

	display: block;

}



.phone-sidebar:hover {

	color: #FF3C00;

}



#zakaz .title {

	font-weight: 500;

	font-size: 18px;

	line-height: 125%;

}



.empty-cart {

	display: flex;

	align-items: center;

	opacity: 0.6;

	font-size: 13px;

	line-height: 125%;

	padding: 20px 0;

	margin-top: 20px;

}



.empty-cart p {

	margin-bottom: 0;

	margin-left: 24px;

}



.category-page {

	position: relative;

}



.category-menu {

	position: fixed;

	left: 0;

	top: 93px;

	box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1);

	width: 100px;

	padding: 12px;

	height: 100vh;

	overflow-y: auto;

	-ms-overflow-style: none;

	/* IE 10+ */

	-ms-overflow-style: none;

	scrollbar-width: none;

	transition: .25s;

}



.category-menu::-webkit-scrollbar {

	/* chrome based */

	width: 0px;

	/* ширина scrollbar'a */

	background: transparent;

	/* опционально */

	-ms-overflow-style: none;

	/* IE 10+ */

	-ms-overflow-style: none;

	scrollbar-width: none;

}



.category-menu ul {

	list-style-type: none;

	padding-left: 0;

	margin-bottom: 0;

	margin-top: 28px;

	margin-bottom: 60px;

}



.category-menu ul li a {

	display: block;

	text-align: center;

	color: #fff;

	text-decoration: none;

	font-size: 13px;

	line-height: 18px;

	font-weight: 500;

	margin-bottom: 30px;

}



.category-menu ul li a svg {

	display: block;

	margin: 5px auto;

	fill: #fff;

	transition: .25s;

}



.category-menu ul li a:hover, .category-menu ul li a.active-cat-link {

	color: #FF3C00;

}



.category-menu ul li a:hover svg, .category-menu ul li a.active-cat-link svg {

	fill: #FF3C00;

}



.catalog-page {

	margin-left: 100px;

	margin-right: 324px;

	padding: 28px 40px;

}



.catalog-page h1 {

	font-weight: 900;

	font-size: 48px;

	line-height: 57px;

}



.catalog-items {

	display: grid;

	grid-template-columns: 1fr 1fr 1fr 1fr;

	column-gap: 30px;

	row-gap: 30px;

}



.product-item {

	background: rgba(255, 255, 255, 0.05);

	border-radius: 8px;

	padding: 24px;

	transition: .25s;

}



.product-item:hover {

	background: rgba(255, 255, 255, 0.1);

}



.product-img img {

	border-radius: 8px;

	margin-bottom: 16px;

}



.product-name h3 {

	font-weight: 500;

	font-size: 22px;

	line-height: 26px;

	min-height: 52px;

	margin-bottom: 0;

}



.product-info {

	display: block;

	padding: 12px 0;

	border-top: 1px solid rgba(255, 255, 255, 0.1);

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	margin: 16px 0;

	position: relative;

	transition: .25s;

}



.product-info .weight {

	font-weight: 500;

	font-size: 16px;

	line-height: 140%;

	margin-bottom: 0;

	display: block;

}



.product-info .sostav {

	font-size: 14px;

	line-height: 160%;

	color: rgba(255, 255, 255, 0.7);

	margin-bottom: 0;

	text-overflow:ellipsis;

  overflow:hidden;

  display: -webkit-box !important;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  white-space: normal;

	transition: .25s;

	min-height: 68px;

}

.product-item:hover {

	transition: .25s;

}





.product-add-to-cart {

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.price-block .price {

	font-size: 30px;

	line-height: 36px;

}



.price-block .price span {

	font-size: 18px;

	line-height: 21px;

	text-transform: none;

}



.add-to-cart-but {

	width: 160px;

	height: 51px;

	background: rgba(255, 255, 255, 0.1);

	border-radius: 8px;

	border: none;

	box-shadow: none;

	color: #fff;

	font-size: 16px;

	line-height: 19px;

	font-weight: 500;

}



.add-to-cart-but:hover, .add-to-cart-but.orange {

	background-color: #FF3C00;

}



.product-item:hover .add-to-cart-but {

	background-color: #FF3C00;

}



.not-available {

	-webkit-filter: grayscale(100%);

	/* Safari 6.0 - 9.0 */

	filter: grayscale(100%);

	opacity: .6;

}



.not-available .add-to-cart-but {

	width: 100%;

}







.text {

	width: 100%;

	display: block;

	align-items: center;

	justify-content: space-between;

	overflow: auto;

}

.text p {

	width: 1400px;

}



footer {

	margin-left: 100px;

	margin-right: 324px;

	padding: 28px 40px;

	margin-top: 80px;

	border-top: 1px solid rgba(255, 255, 255, 0.1);

	padding-top: 40px;

}

.logo-f {

	min-width: 500px;

	display: block;

	max-width: 100%;

}

.footer-flex, .footer-right {

	display: flex;

	justify-content: space-between;

	width: 100%;

}

.f-text {

	font-size: 14px;

	line-height: 140%;

	opacity: .6;

	width: 100%;

	margin-top: 20px;

}

.orange-but {

	padding: 18px 35px;

	display: block;

	color: #fff;

	text-decoration: none;

	font-size: 16px;

	line-height: 19px;

	font-weight: 500;

	background: #FF3C00;

	border-radius: 8px;

	width: fit-content;

}

.orange-but:hover{

	color: #fff;

	opacity: .9;

}

.header-flex {

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 36px;

}

.reviews-list {

	display: grid;

	grid-template-columns: 1fr 1fr 1fr;

	column-gap: 40px;

	row-gap: 40px;

}

.review-item {

	display: block;

	border: 1px solid rgba(255, 255, 255, 0.1);

	border-radius: 8px;

	padding: 28px;

	transition: .25s;

}

.review-item:hover {

	background-color: #111;

}

.review-header {

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 20px;

}

.rating-result {

	width: 126px;

	display: flex;

	align-items: center;

	justify-content: space-between;

}

.rating-result span {

	padding: 0;

	width: 22px;

	height: 22px;

	display: block;

	line-height: 1;

	background-repeat: no-repeat;

	background-position: center center;

}

.rating-result > span {

	background-image: url(../images/start-no.svg);

}

.rating-result > span.active {

	background-image: url(../images/start.svg);

}

.review-item p{

	font-size: 15px;

	line-height: 24px;

	text-overflow:ellipsis;

  overflow:hidden;

  display: -webkit-box !important;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  white-space: normal;

}

.link-user a {

	font-weight: 500;

	font-size: 14px;

	line-height: 160%;

	color: #fff;

	text-decoration: none;

	display: flex;

	align-items: center;

}

.link-user a .icon {

	width: 22px;

	height: 22px;

	margin-right: 8px;

	border-radius: 50%;

	background-color: #111;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: .25s;

}

.link-user a .icon img{

	height: 12px;

}

.link-user a:hover{

	color: #FF3C00;

}

.reviews-footer {

	display: flex;

	align-items: center;

	justify-content: space-between;

}

.name-user {

	font-size: 16px;

	line-height: 19px;

	font-weight: 500;

}

.reviews-date {

	font-size: 14px;

	line-height: 160%;

}

#form_reviews {

	padding: 32px;

	background: #191919;

	border-radius: 16px;

	width: 736px;

	max-width: 100%;

	overflow: auto;

}

.title-form {

	font-weight: 900;

	font-size: 36px;

	line-height: 43px;

	margin-bottom: 20px;

}

.review-form p {

	font-size: 15px;

	line-height: 160%;

	opacity: .7;

	margin-bottom: 30px;

}

.form-grade {

	display: grid;

	grid-template-columns: 1fr 1fr 1fr;

	column-gap: 30px;

	row-gap: 20px;

	margin-bottom: 30px;

}

.grade-item {

	border: 1px solid rgba(254, 255, 255, 0.2);

	border-radius: 8px;

	padding: 16px;

}

.grade-item p {

	margin-bottom: 0;

	color: #fff;

	opacity: 1;

	margin-bottom: 12px;

	font-size: 15px;

line-height: 160%;

}







.rating-area {

	overflow: hidden;

	width: 126px;

}

.rating-area:not(:checked) > input {

	display: none;

}

.rating-area:not(:checked) > label {

	float: right;

	width: 22px;

	height: 22px;

	display: block;

	padding: 0;

	cursor: pointer;

	background-image: url(../images/start-no.svg);

	background-repeat: no-repeat;

	background-position: center center;

}

.rating-area:not(:checked) > label:before {

	background-image: url(../images/start-no.svg)

}

.rating-area > input:checked ~ label {

	background-image: url(../images/start.svg);

}

.rating-area:not(:checked) > label:hover,

.rating-area:not(:checked) > label:hover ~ label {

	background-image: url(../images/start.svg);

}

.rating-area > input:checked + label:hover,

.rating-area > input:checked + label:hover ~ label,

.rating-area > input:checked ~ label:hover,

.rating-area > input:checked ~ label:hover ~ label,

.rating-area > label:hover ~ input:checked ~ label {

	background-image: url(../images/start.svg);

}

.rate-area > label:active {

	position: relative;

}

.two-input {

	display: grid;

	grid-template-columns: 1fr 1fr;

	column-gap: 30px;

	row-gap: 30px;

}

form input, form textarea{

	margin-bottom: 30px;

}

.but-review {

	display: flex;

	justify-content: end;

}

.but-review .orange-but {

	border: none;

	box-shadow: none;

}

.delivery-page p span {

	font-size: 18px;

line-height: 160%;

}

.delivery-page p span {

	font-size: 18px;

	line-height: 160%;

	color: #FF3C00;

	font-weight: 500;

}

.delivery-page .title{

	font-weight: 700;

	font-size: 24px;

	line-height: 160%;

	margin-top: 40px;

}

.delivery-grid {

	display: grid;

	grid-template-columns: 1fr 1fr 1fr 1fr;

	column-gap: 30px;

	row-gap: 20px;

	margin-top: 32px;

	margin-bottom: 32px;

}

.delivery-item {

	display: flex;

	align-items: center;

}

.del-img {

	min-width: 78px;

	height: 78px;

	display: flex;

	align-items: center;

	justify-content: center;

	border: 2px solid #FF3C00;

	border-radius: 50%;

	margin-right: 15px;

}

.delivery-item p {

	margin-bottom: 0;

	font-size: 17px;

line-height: 140%;

}

.map-block {

	margin-top: 32px;

}

.map-block img{

	border-radius: 12px;

	width: 100%;

	margin-top: 32px;

}

.special-text {

	font-size: 15px;

	line-height: 160%;

	width: 672px;

	max-width: 100%;

}

.specials-page {

	margin-top: 50px;

}

.specials-page .title{

	font-size: 24px;

	line-height: 28px;

	font-weight: 500;

}

.special-list {

	display: grid;

	grid-template-columns: 1fr 1fr;

	column-gap: 30px;

	row-gap: 30px;

	margin-top: 30px;

}

.special-item {

	display: grid;

	grid-template-columns: 1fr 1fr;

	position: relative;

	border-radius: 16px;

	padding: 40px;

	align-items: center;

}

.image-spec img{

	margin-bottom: -30px;

	width: 300px;

}

.special-item .date{

	font-size: 14px;

	line-height: 160%;

	padding: 8px 16px;

	border: 1px solid rgba(255, 255, 255, 0.1);

	border-radius: 8px;

	width: fit-content;

	margin-bottom: 20px;

}

.special-item .date span {

	font-weight: 500;

}

.special-item h3{

	font-size: 32px;

line-height: 100%;

margin-bottom: 15px;

}

.special-item .text-spec p {

	font-size: 16px;

line-height: 160%;

}

.no-active-spec .special-item img{

	-webkit-filter: grayscale(100%);

	/* Safari 6.0 - 9.0 */

	filter: grayscale(100%);

}

.common-home .side-cart {

	display: none;

}

.common-home footer {

	padding: 40px 20px;

	margin-left: 0;

	margin-right: 0;

	margin-top: 50px;

}

.footer-flex {

	width: 1360px;

	max-width: 100%;

	margin: 0 auto;

}

.home-image {

	width: 670px;

	margin-top: 1px;

}

.main-page {

	display: grid;

	grid-template-columns: 1fr 1fr;

	column-gap: 50px;

	row-gap: 50px;

	align-items: center;

}

.main-page h1{

	font-weight: 700;

	font-size: 100px;

	line-height: 100%;

	margin-bottom: 50px;

}

.home-text-block {

	width: 1360px;

	max-width: 100%;

	margin: 50px auto;

	display: grid;

	grid-template-columns: 470px 1fr;

	column-gap: 50px;

	row-gap: 50px;

}

.left-block h2{

	font-weight: 900;

	font-size: 52px;

	line-height: 100%;

}

.right-block p {

	font-size: 18px;

	line-height: 180%;

	opacity: .8;

}



.swiper {

	width: 100%;

	height: 100%;

}





.swiper-slide img {

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

	border-radius: 8px;

}



.offer-block {

	display: block;

	text-align: center;

	padding-top: 120px;

	padding-bottom: 70px;

}

.offer-block h3{

	font-weight: 900;

font-size: 66px;

line-height: 110%;

margin-bottom: 60px;

}

.offer-block a {

	margin: 0 auto; 

}

.line-home {

	margin-top: 40px;

}

.cart-product {

	list-style-type: none;

	padding-left: 0;

	margin-bottom: 0;

}

.product-cart {

	border-bottom: 1px solid #222;

}

.product-cart-header {

	display: flex;

	align-items: center;

	margin-top: 20px;

}

.product-cart-header img{

	border-radius: 8px;

}

.product-cart-header .image {

	min-width: 98px;

	margin-right: 10px;

}

.product-cart-header .name{

	font-size: 16px;

line-height: 19px;

}

.product-cart-header .remove button{

	background: transparent;

	border: none;

	box-shadow: none;

	line-height: 1;

	font-size: 12px;

	color: #fff;

	opacity: .4;

	padding: 0;

line-height: 17px;

	margin-top: 10px;

}

.product-cart-header .remove button:hover{

	opacity: .8;

}

.product-cart-price {

	margin: 10px 0;

	display: flex;

	align-items: center;

}

.product-cart-price .total {

	margin-right: 75px;

}

button:focus {

	outline: none;

}

.total-cart {

	display: grid;

	grid-template-columns: 1fr 1fr;

	align-items: center;

	margin: 15px 0;

	row-gap: 15px;

	justify-content: space-between;

}

.total-cart div:first-child, .total-cart div:nth-child(2n) {



display: none;

}

.total-cart div:nth-child(3n), .total-cart div:nth-child(4n) {

    display: block;

}

.total-cart div:nth-child(3n) {

    font-size: 16px;

    line-height: 125%;

    opacity: .6;

}

.total-cart div:nth-child(4n) {

   font-size: 26px;

    line-height: 31px;

}

#order-send {

	margin-bottom: 60px;

	width: 100%;

	margin-top: 20px;

	text-align: center;

	cursor: pointer;

}





.alert {

	display: block;

	position: fixed;

	z-index: 99;

	background: #191919;

	border-radius: 16px;

	padding-left: 50px;

	padding-top: 25px;

	padding-bottom: 25px;

	padding-right: 25px;

	top: 20px;

	right: 20px;

	background-image: url(../images/check-solid.svg);

	background-repeat: no-repeat;

	background-position: left 20px center;

	background-size: 20px;

}

.alert a {

	font-size: 15px;

	line-height: 160%;

	color: #fff;

	text-decoration: none;

}

.alert p {

	font-size: 15px;

	line-height: 160%;

	color: #fff;

	margin-bottom: 0;

}

.close-allert{

	display: block;

	width: 15px;

	height: 15px;

	background-image: url(../images/close-allert.svg);

	background-repeat: no-repeat;

	background-position: center center;

	opacity: .6;

	right: 15px;

	top: 8px;

	position: absolute;

	cursor: pointer;

	transition: .25s;

}

.close-allert:hover{

	opacity: 1;

}

a:focus-visible, a:focus-within {

	outline: none;

}

.thank-form {

	display: none;

	text-align: center;

	padding-top: 40px;

}

.info-allerts {

	position: fixed;

	right: 30px;

	bottom: 30px;

	width: 490px;

	display: block;

	z-index: 9999;

	transition: .25s;

}

#info-allert {

background: #191919;

border-radius: 16px;

width: 490px;

max-width: 100%;

display: none;

text-align: left;

position: relative;

margin-top: 10px;

padding: 30px 22px;



}

.allert-header {

display: flex;

align-items: center;

}

.allert-header i {

min-width: 30px;

height: 30px;

background-image: url(/catalog/view/theme/default/dist/images/danger.svg);

background-repeat: no-repeat;

background-position: center;

margin-right: 20px;

}

.text-allert-header {

font-weight: 900;

font-size: 18px;

line-height: 1;

padding-right: 30px;

margin-bottom: 0;

}

#info-allert .text {

margin-top: 15px;

font-size: 15px;

line-height: 160%;

opacity: .8;

margin-bottom: 0;

}

.close-info-allert {

top: 5px;

right: 10px;

}

#bg_popup {

	display: none;

	background-color: rgba(0, 0, 0, .9);

	height: 100vh;

	width: 100%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 9999;

}



.popup-block {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	height: 100%;

}



#popup {

	background: #191919;

	border-radius: 16px;

	width: 490px;

	max-width: 100%;

	position: relative;

	display: block;

	text-align: center;

	padding: 50px 32px;

}



.popup-title {

	font-weight: 900;

	font-size: 24px;

	line-height: 140%;

}



#popup img {

	margin-bottom: 30px;

}



.close-popup-allert {

	position: absolute;

	width: 20px;

	height: 20px;

	top: 20px;

	right: 20px;

	opacity: .4;

	transition: .25s;

	cursor: pointer;

}



.close-popup-allert:hover {

	opacity: .8;

}

.text-zakaz-cart {

    margin-top: 10px;

    font-size: 14px;

    line-height: 140%;

    color: #FF3C00;

}


.close-cart-block {

}

.product-img {
	overflow: hidden;
}

.product-img img.royalroll8, .product-img img.tar-tartunaroll8, .product-img img.makifish6 {
	object-fit: none;
	transform: scale(1.35);
}

.specials-home {
	display: flex;
}