/* Start:/bitrix/components/bitrix/menu/templates/.default/style.css?1755200648581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/bitrix/components/bitrix/menu/templates/.default/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/bitrix/templates/extradeck_main/styles.css?176510468332431*/
* { 
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

@font-face {
  font-family: "Loosextrawide";
  src: url("/bitrix/templates/extradeck_main/fonts/Loos_ExtraWide_Mediu.woff") format("woff");
}

@font-face {
  font-family: "Loos";
  src: url("/bitrix/templates/extradeck_main/fonts/Loos_Normal_Regular.woff") format("woff");
}

@font-face {
  font-family: "Loosmedium";
  src: url("/bitrix/templates/extradeck_main/fonts/Loos_Wide_Medium.woff") format("woff");
}

@font-face {
  font-family: "Loosbold";
  src: url("/bitrix/templates/extradeck_main/fonts/Loos_Normal_Bold.woff") format("woff");
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Loos", Arial, sans-serif;
    line-height: 1.6;
    color: #333;
}

p {
    font-family: "Loos", Arial, sans-serif;
    line-height: 1.6;
    color: #333;
	font-size: 20px;
    margin-bottom: 1rem;
}

li {
    font-family: "Loos", Arial, sans-serif;
    line-height: 16px;
    color: #fff;
	font-size: 14px;
	text-align: left;
	padding-bottom: 8px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Loosextrawide", Arial, sans-serif;
    margin-bottom: 1rem;
    line-height: 1.2;
}

h2 {
	font-size: 40px !important;
}

.main-h-offset {
	margin-left: 12px;
	padding: 20px 0;
}

.white-h3 {
	color: white;
	font-size: 40px;
	font-family: "Loos";
	margin-left: 0;
}

.container {
    max-width: 1200px !important;
    margin: 0 auto;
    padding: 0 15px;
}

.fl-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.fl-container2 {
	display: flex;
}

.fl-container-sphere {
	display: flex;
}

.banner_img{
	background-image: url('/images/head_img_1.jpg'); 
	background-repeat: no-repeat; 
	width: 100%; 
	height: 675px; 
	border-radius: 2rem; 
	position: relative;
}

.sphere-block-1 {
	flex: 1;
	padding-left: 90px;
	padding-top: 60px;
}

.sphere-block-1 ul li{
	font-size: 25px;
	line-height: 130%;
}

.sphere-block-2 {
	flex: 1;
	height: 696px;
}

.sphere-block-2-img {
	background: url("/images/for_sphere_1_2.jpg") right no-repeat;
	background-position: right;
	width: 568px;
	height: 696px;
	border-radius: 30px;
	margin-left: auto;
}

.sphere-block-2-img-2 {
	background: url("/images/for_sphere_2_2.jpg") right no-repeat;
	background-position: right;
	width: 568px;
	height: 696px;
	border-radius: 30px;
	margin-left: auto;
}

.sphere-block-2-img-3 {
	background: url("/images/for_sphere_3_2.jpg") right no-repeat;
	background-position: right;
	width: 568px;
	height: 696px;
	border-radius: 30px;
	margin-left: auto;
}

.sphere-block-2-img-4 {
	background: url("/images/for_sphere_4_2.jpg") right no-repeat;
	background-position: right;
	width: 568px;
	height: 696px;
	border-radius: 30px;
	margin-left: auto;
}

.sphere-text-white {
	font-size: 30px; 
	color: white;
}





.sphere-mob-blocks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 10px;
}

.sphere-mob-block {
  /* padding: 10px; */
  text-align: center;
}



.sphere-mob-block-top {
  border: 2px solid white;
  border-bottom: 0;
  padding: 10px;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  /* width: 155px; */
}

.sphere-mob-block-bottom-1 {
  background: url('/images/for_sphere_1_2.jpg') center/cover;
  height: 220px;
  /* margin: 0 -2px; */
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  /* width: 155px; */
}

.sphere-mob-block-bottom-2 {
  background: url('/images/for_sphere_2_2.jpg') center/cover;
  height: 220px;
  /* margin: 0 -2px; */
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  /* width: 155px; */
}

.sphere-mob-block-bottom-3 {
  background: url('/images/for_sphere_3_2.jpg') center/cover;
  height: 220px;
  /* margin: 0 -2px; */
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  /* width: 155px; */
}

.sphere-mob-block-bottom-4 {
  background: url('/images/for_sphere_4_2.jpg') center/cover;
  height: 220px;
  /* margin: 0 -2px; */
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  /* width: 155px; */
}

.deck-depth {
	font-size: 20px;
	font-family: Loosmedium;
}

.deck-info {
	font-size: 12px;
	font-family: Loosextrawide;
	color: white;
	line-height: 20px;
	margin-bottom: 0;
}

.deck-info-2 {
	margin-left: 0 !important;
	padding-left: 15px;
}











.gradient-green-block {
	background: linear-gradient(#05332b, #085447); 
	border-radius: 2rem; 
	margin: 0 1%;
}

.fl-second {
	flex: 1;
	min-width: 200px;
}

.fl-contacts-1 {
	/* width: 550px; */
	flex: 1;
}

.fl-contacts-2 {
	border-top-right-radius: 1.5rem; 
	border-bottom-right-radius: 1.5rem; 
	/* box-shadow: 0px 0px 20px rgba(0,0,0,0.1); */
	width: 670px; 
	height: 400px;
}

.carousel-container {
	border-radius: 2rem; 
	margin: 0; 
	width: 682px;
}

.carousel-container-2 {
	border-radius: 2rem; 
	margin: 0; 
}

.carousel-item-inner-1 {
	width: 507px; 
	height: 194px; 
	background-color: #f0503a; 
	border-top-left-radius: 2rem; 
	border-bottom-right-radius: 2rem;
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	padding: 30px 0 0 40px;
	font-size: 25px;
}

.carousel-item-inner-2 {
	width: 100%; 
	position: absolute;
	top: 360px;
	color: white;
	padding: 30px 0 0 40px;
	font-size: 25px;
	text-align: center
}

.carousel-item-inner-p {
	font-size: 30px; 
	color: white; 
	line-height: 120%; 
	font-family: Loosextrawide;
}

.carousel-indicators {
	margin-bottom: 4rem !important;
}

.carousel-indicators button {
    width: 10px !important;
    height: 10px !important;
	border: 4px solid #fff !important;
    border-radius: 50%;
    background-color: transparent;
    opacity: 0.5;
    margin: 0 5px;
    transition: all 0.3s ease;
    opacity: 1;
}

.carousel-indicators button:not(.active) {
    background-color: transparent;
    opacity: 1;
}

.carousel-indicators button.active {
    opacity: 1;
    background-color: #f0503a;
    /* transform: scale(1.1); */
}

.carousel-inner {
	border-radius: 2rem;
	position: relative;
}

.shadow-main {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

.red-highlight {
	color: #f0503a;
}

.simple-highlight {
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
	font-family: Loosmedium;
}

.header {
    background: #fff;
}

.deck-rounded-1 {
	border-top-left-radius: 1rem; 
	border-bottom-left-radius: 1rem;
}

.main-menu ul {
    display: flex;
	flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    margin: 0 0 0 15px !important;
    padding: 0 !important;
}

.main-menu li {
    margin-right: 20px;
	background: none !important;
	color: black !important;
	padding: 0 !important;
	/* padding: 0px 5px !important; */
}

.main-menu li a{
	color: black !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	font-family: Loosmedium !important;
}

.main-menu li a:hover{
	color: #f04f37 !important;
}



/* Скрываем последний пункт меню в основном меню */
.main-menu ul li:last-child {
    display: none;
}

/* Создаем отдельную кнопку для контактов */
.contacts-button {
    display: inline-block;
}


.contacts-info {
	padding: 40px 0 0 30px;
}







.footer-menu {
    list-style: none;
	column-count: 2;
    column-gap: 20px;
}

.footer-menu li {
	break-inside: avoid;
    margin-right: 20px;
	background: none !important;
	color: black !important;
	padding: 0px 5px !important;
	margin-bottom: 10px;
}

.footer-menu li a{
	background: none !important;
	color: black !important;
	font-weight: normal !important;
}

.main-content {
    min-height: 60vh;
    padding: 2rem 0;
}

.footer {
    background: #000;
    color: white;
    padding: 2rem 0;
    margin-top: 2rem;
}

.footer-bottom {
	margin: 0;
	padding: 0;
}

/* .carousel-control-prev { */
	/* width: 40px !important; */
	/* height: 40px !important; */
	/* border-radius: 50%; */
	/* top: 50% !important; */
	/* display: flex; */
	/* transform: translateY(-50%) !important; */
	/* opacity: 0.6 !important; */
	/* transition: all 0.3s ease !important; */
	/* border: solid 1px #8b8886 !important; */
	/* align-items: center !important; */
	/* justify-content: center !important; */
	/* margin: 0 20px !important; */
	/* background: linear-gradient(135deg, #aaa 0%, #fff 100%) !important; */
/* } */

/* .carousel-control-next { */
	/* width: 40px !important; */
	/* height: 40px !important; */
	/* border-radius: 50%; */
	/* top: 50% !important; */
	/* display: flex; */
	/* transform: translateY(-50%) !important; */
	/* opacity: 0.6 !important; */
	/* transition: all 0.3s ease !important; */
	/* border: solid 1px #8b8886 !important; */
	/* align-items: center !important; */
	/* justify-content: center !important; */
	/* margin: 0 20px !important; */
	/* background: linear-gradient(135deg, #aaa 0%, #fff 100%) !important; */
	/* background-image: url('/images/button_right_1.png') !important; */
/* } */

.carousel-control-prev-icon {
    background-image: url('/images/button_left_1.png') !important;
    background-size: contain;
    width: 47px !important;
    height: 47px !important;
}

.carousel-control-next-icon {
    background-image: url('/images/button_right_1.png') !important;
    background-size: contain;
    width: 47px !important;
    height: 47px !important;
}

.carousel-control-prev {
	left: 0;
	width: 10% !important;
}

.carousel-control-next {
	right: 0;
	width: 10% !important;
}

/* .carousel-control-prev:hover, */
/* .carousel-control-next:hover { */
	/* background-color: rgba(255, 255, 255, 1) !important; */
	/* opacity: 1 !important; */
	/* transform: translateY(-50%) scale(1.1) !important; */
/* } */

/* Кастомные стрелки */
/* .carousel-control-prev-icon, */
/* .carousel-control-next-icon { */
	/* width: 20px; */
	/* height: 20px; */
	/* background-size: 20px 20px; */
	/* filter: invert(0.5); */
/* } */

.hidden-content {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
}

.hidden-content.show {
	opacity: 1;
	max-height: 1500px;
	/* padding: 15px; */
}


.hidden-block-1 {
	max-height: 0;
	opacity: 0 !important;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
}

.hidden-block-1.show {
	opacity: 1;
	max-height: 1500px;
	/* padding: 15px; */
}

.std-btn {
	font-size: 15px;
	font-weight: bold; 
	color: #ffffff;
	border-radius: 25px;
	height: 35px; 
	border: none;
}

.red-btn {
	background-color: #f0503a;
}

.prod_item {
	border-radius: 1.5rem;
}

.prod_item_2_1 {
	border-radius: 1.5rem;
	width: 572px;
	height: 355px;
	background: url('/images/prod_1.png') left no-repeat;
}

.prod_item_2_2 {
	border-radius: 1.5rem;
	width: 572px;
	height: 355px;
	background: url('/images/prod_2.png') right no-repeat;
}

.prod_item_2_3 {
	border-radius: 1.5rem;
	width: 276px;
	height: 359px;
	background: url('/images/prod_3.png') center no-repeat;
}

.prod_item_2_4 {
	border-radius: 1.5rem;
	width: 576px;
	height: 359px;
	background: url('/images/prod_4.png') center no-repeat;
}

.prod_item_2_5 {
	border-radius: 1.5rem;
	width: 276px;
	height: 359px;
	background: url('/images/prod_5.png') center no-repeat;
}

.prod_item_2_6 {
	border-radius: 1.5rem;
	width: 572px;
	height: 355px;
	background: url('/images/dub_sunset_0_1.jpg') center no-repeat;
}

.prod_item_2_7 {
	border-radius: 1.5rem;
	width: 572px;
	height: 355px;
	background: url('/images/berez_bel_0_1.jpg') center no-repeat;
}

.prod_item_2_8 {
	border-radius: 1.5rem;
	width: 276px;
	height: 359px;
	background: url('/images/dub_antich_0_3.jpg') center no-repeat;
}

.prod_item_2_9 {
	border-radius: 1.5rem;
	width: 576px;
	height: 359px;
	background: url('/images/oreh_gorn_0_1.jpg') center no-repeat;
}

.prod_item_2_10 {
	border-radius: 1.5rem;
	width: 276px;
	height: 359px;
	background: url('/images/berez_rech_0_2.jpg') center no-repeat;
}

.main_form_container {
	margin: 0 auto; 
	width: 560px; 
	height: 400px; 
	background: linear-gradient(#05332b, #085447); 
	border-radius: 1rem;
}

.main_form_field {
	color: rgb(205, 215, 213);
	border-radius: 1rem;
	background-color: rgb(45, 83, 76);
	font-size: 14px;
	border: 1px solid rgb(45, 83, 76);
	padding: 10px 20px;
}

.main_form_field:focus{
	outline: 2px solid white;
}

.main_form_field_fio {
	height: 50px;
	width: calc(100% - 20px);
	margin-left: 20px;
}

.main_form_field_email {
	height: 50px;
	width: calc(100% - 20px);
	margin-right: 20px;
}

.contacts-highlight {
	line-height: 14px; 
	font-size: 16px; 
	font-family: Loosmedium; 
	font-weight: 500; 
	text-decoration: none; 
	color: #333;
}

.align-float {
	text-align: left;
}

.policy_confident {
	/* margin: 20px 40px 0 5px; */
	margin-left: 5px;
}

.policy_cookies {
	/* margin-top: 20px; */
}

.fl-1-footer {
	flex: 2; 
}

.fl-2-footer {
	flex: 1; 
	text-align: right;
}

.footer_txt {
	margin-right: 210px;
}

.footer_input {
	background-color: #fafafa; 
	width: 362px; 
	/* border: solid 1px gray;  */
	border: none;
	border-radius: 25px; 
	height: 55px; 
	padding-left: 30px;
	padding-right: 80px;
}

.footer-menu-container {
	width: 400px;
}

.footer_input:focus{
	outline: 1px solid grey;
}

.input-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 400px;
}

.footer-submit-btn {
    position: absolute;
    right: 10px;
    top: 8px;
	width: 54px;
	height: 38px;
	border: none;
	background-image: url('/images/lucide_toggle-right.png');
	border-radius: 25px;
}


.slotex_logo_footer {
	padding-left: 68px;
}

.extradeck_logo_footer {
	padding-top: 44px;
}

.btn_container_1 {
	flex: 1; 
	text-align: center;
}

.for_policy ul li{
	color: rgb(75, 78, 82);
}


/* Кастомный стиль для checkbox */
.checkbox-group {
	display: flex;
	align-items: flex-start;
	margin-top: 25px;
}

.checkbox-custom {
	position: relative;
	display: inline-block;
	margin-right: 12px;
}

.checkbox-custom input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	width: 0;
	height: 0;
}

.checkbox-custom .checkmark {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: #2d534c;
	border: 2px solid #a1b2af;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	transition: all 0.3s;
}

.checkbox-custom input[type="checkbox"]:checked + .checkmark {
	background-color: #085447;
	border-color: #fff;
}

.checkbox-custom input[type="checkbox"]:checked + .checkmark:after {
	content: "";
	position: absolute;
	left: 8px;
	top: 3px;
	width: 6px;
	height: 12px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.checkbox-custom input[type="checkbox"]:focus + .checkmark {
	box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.3);
}
        


.notification {
    padding: 15px 20px;
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    color: white;
    font-family: Arial, sans-serif;
    font-size: 14px;
    max-width: 300px;
    opacity: 0;
    transform: translateX(100px);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notification.show {
    opacity: 1;
    transform: translateX(0);
}

.notification.success {
    background: #4CAF50;
    border-left: 4px solid #2E7D32;
}

.notification.error {
    background: #f44336;
    border-left: 4px solid #c62828;
}

.notification .close-btn {
    background: none;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
    margin-left: 15px;
    padding: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification .icon {
    margin-right: 10px;
    font-size: 18px;
}


.show-for-large, .show-for-medium, .show-for-small, .show-for-medium-and-large{
	display: none;
}






/* Товары */
.product-item {
	cursor: pointer;
	position: relative;
	/* transition: transform 0.3s; */
}
/* .product-item:hover { */
	/* transform: translateY(-5px); */
/* } */
		

.product-item:hover .red-btn {
    background-color: white;
    color: #f0503a;
}

.product-item:hover img {
    content: url('/images/heroicons-outline_cursor-click2.png');
}
		
.prod_title_white{
	color: white;
	font-family: "Loosextrawide";
	font-size: 20px;
	position: absolute;
	top: 25px;
}

.prod_title_dark{
	color: #333;
	font-family: "Loosextrawide";
	font-size: 20px;
	position: absolute;
	top: 25px;
}

.prod-look-btn {
	width: 125px; 
	position: absolute; 
	bottom: 40px;
	vertical-align: middle;
	line-height: 30px;
	height: 33px;
}

.prod_item_cursor {
	position: absolute; 
	bottom: 45px;
}

        /* Модальное окно */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s, visibility 0.3s;
        }

        .modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .modal-product-win {
            background: white;
            border-radius: 2rem;
            /* width: 90%; */
            max-width: 1200px;
            max-height: 600px;
            /* overflow-y: auto; */
            position: relative;
            padding: 30px;
            display: flex;
            gap: 30px;
        }

        .close-btn-2 {
            position: absolute;
            top: 15px;
            right: 15px;
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #555;
            width: 30px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            transition: background-color 0.3s;
        }

        /* .close-btn-2:hover { */
            /* background-color: #f0f0f0; */
        /* } */

        /* Левая часть - фотогалерея */
        .product-gallery {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

  .main-image-container {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    height: 400px;
    cursor: zoom-in;
  }

  .main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s;
    position: relative;
    z-index: 1;
  }

  .magnifier {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 2;
    overflow: hidden;
  }

  .magnifier-image {
    position: absolute;
    /* Размер будет устанавливаться через JavaScript */
    transition: transform 0.1s;
  }

  /* Стиль для состояния увеличения */
  .main-image-container.zoomed .main-image {
    opacity: 0;
  }

  .main-image-container.zoomed .magnifier {
    opacity: 1;
  }

        .thumbnail-container {
            display: flex;
            gap: 10px;
            /* justify-content: center; */
            justify-content: flex-start;
        }

        .thumbnail {
            width: 70px;
            height: 70px;
            object-fit: cover;
            border-radius: 10px;
            cursor: pointer;
            border: 2px solid transparent;
            transition: border-color 0.3s;
        }

        .thumbnail.active {
            border-color: gray;
        }

        /* Правая часть - информация о товаре */
        .product-info {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 20px;
			position: relative;
        }

        .product-title {
            font-size: 24px;
            margin-bottom: 10px;
            color: black;
			font-family: Loosmedium;
        }

        .product-price {
            font-size: 22px;
            font-weight: bold;
            color: #e74c3c;
        }

        .product-description {
            color: #666;
			font-size: 14px;
			line-height: 1.55;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: #333;
        }

        .prod-form-control {
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 10px;
            font-size: 16px;
            transition: border-color 0.3s;
			/* appearance: none; */
			background-color: #f5f5f5;
			width: 250px;
        }

        .prod-form-control:focus {
            border-color: #f0503a;
            outline: none;
        }

        .add-to-cart-btn {
            /* background-color: #f0503a; */
            /* color: white; */
            /* border: none; */
            /* border-radius: 25px; */
            /* padding: 15px; */
            /* font-size: 16px; */
            /* font-weight: 600; */
            cursor: pointer;
            transition: background-color 0.3s;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
			margin-top: auto; /* к низу */
			align-self: flex-end; /* по правому краю */
			min-width: 200px;
        }

        /* .add-to-cart-btn:hover { */
            /* background-color: #f0503a; */
        /* } */









        /* Стили для корзины */
        .cart-icon {
            position: fixed;
            top: 20px;
            right: 20px;
            background: #f0503a;
            color: white;
            width: 80px;
            height: 50px;
            border-radius: 1rem;
            /* display: flex; */
            display: none;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            z-index: 1001;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        }

		.cart-icon.active {
			display: flex;
		}

        .cart-count {
            position: absolute;
            top: -5px;
            right: -5px;
            background: #e74c3c;
            color: white;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            font-size: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .cart-sidebar {
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 90%;
			max-width: 560px;
			max-height: 80vh;
			background: white;
			border-radius: 12px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.3);
			transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
			z-index: 1002;
			display: flex;
			flex-direction: column;
			opacity: 0;
			visibility: hidden;
		}

        .cart-sidebar.active {
			opacity: 1;
			visibility: visible;
			transform: translate(-50%, -50%);
        }

        .cart-header {
            padding: 20px;
            border-bottom: 1px solid #eee;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .cart-title {
            font-size: 18px;
            font-weight: bold;
        }

        .close-cart {
            background: none;
            border: none;
            font-size: 20px;
            cursor: pointer;
        }

        .cart-items {
			flex: 1;
			overflow-y: auto;
			padding: 20px;
			max-height: 400px;
		}

        .cart-item {
            display: flex;
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #f0f0f0;
        }

        .cart-item-image {
            width: 60px;
            height: 60px;
            object-fit: cover;
            border-radius: 4px;
            margin-right: 10px;
        }

        .cart-item-details {
            flex: 1;
        }

        .cart-item-title {
            font-weight: 500;
            margin-bottom: 5px;
        }

        .cart-item-variant {
            color: #666;
            font-size: 12px;
            margin-bottom: 5px;
        }

        .cart-item-price {
            font-weight: bold;
            color: #e74c3c;
        }

        .cart-item-quantity {
            display: flex;
            align-items: center;
            margin-top: 5px;
        }

        .quantity-btn {
            width: 25px;
            height: 25px;
            background: #f5f5f5;
            border: 1px solid #ddd;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        .quantity-input {
            width: 40px;
            height: 25px;
            text-align: center;
            border: 1px solid #ddd;
            margin: 0 5px;
        }

        .remove-item {
            color: #999;
            background: none;
            border: none;
            cursor: pointer;
            margin-left: 10px;
        }

        .cart-footer {
            padding: 20px;
            /* border-top: 1px solid #eee; */
        }

        .cart-total {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
            font-weight: bold;
        }

        .checkout-btn {
            width: 100%;
            padding: 15px;
            background: #3498db;
            color: white;
            border: none;
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
            transition: background 0.3s;
        }

        .checkout-btn:hover {
            background: #2980b9;
        }

        .empty-cart {
            text-align: center;
            padding: 40px 20px;
            color: #999;
        }

        .cart-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,0.5);
            z-index: 1001;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s;
        }

        .cart-overlay.active {
            opacity: 1;
            visibility: visible;
        }





.cart_input {
	background-color: white; 
	width: 80%; 
	border: solid 1px gray; 
	border-radius: 25px; 
	height: 45px; 
	margin: 0 0 20px 0;
	padding: 0 20px;
}





        .advantages-block {
			margin: 0 12px;
        }
        

        .advantages-title {
			text-align: left;
			font-family: "Loosmedium";
        }
        
        .advantages-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
			margin-top: 40px;
        }
        
        .advantage-item {
            display: flex;
            flex-direction: column;
            /* align-items: center; */
            /* text-align: left; */
            /* padding: 0 40px 40px 40px; */
            padding: 40px;
			background-color: #fafafa;
			border-radius: 1rem;
			min-height: 200px;
			position: relative;
            /* transition: transform 0.3s ease; */
        }

        
        /* .advantage-item:hover { */
            /* transform: translateY(-5px); */
        /* } */
        
        .advantage-icon {
			position: absolute;
			top: -10px;
			right: 0;
        }
        
        .advantage-title {
			font-family: "Loosextrawide";
            font-size: 25px;
            font-weight: 500;
            margin-bottom: 15px;
            color: #333;
        }
        
        .advantage-title-2 {
			font-family: "Loosmedium";
            font-size: 17px;
            font-weight: 500;
            /* margin-bottom: 15px; */
            color: #333;
			margin: 0;
        }
        
        .advantage-description {
            font-size: 20px;
            color: #333;
            line-height: 1.5;
        }
        
        .advantage-description-2 {
            font-size: 15px;
            color: #333;
            /* line-height: 1.5; */
			margin: 0;
        }
        






.laminate-structure {
	min-height: 441px;
	margin: 0 1%;
	background-image: url("/images/Block_03.png");
	background-position: center;
	border-radius: 2rem;
}











/* Разный порядок блоков для разных устройств */


.order-container {
	display: flex;
	flex-wrap: wrap;
}

.block-about-video {
	order: 2;
}

.block-large {
	order: 1;
}



/* Мобилы вертикалки */
@media (max-width: 450px) {

	.contacts-info {
		padding: 40px 0 0 20px;
		text-align: left;
	}





	.carousel-control-prev {
		width: 15% !important;
	}

	.carousel-control-next {
		width: 15% !important;
	}





	h2 {
		font-size: 30px !important;
	}




    .contacts-button {
        display: inline-block;
    }





	.white-h3 {
		font-size: 22px;
		margin-left: 20px;
	}

	.block-about-video {
		order: 1;
	}

	.block-large {
		order: 2;
	}



	.advantages-grid {
		grid-template-columns: 1fr;
	}
	
	.advantages-title {
		font-size: 26px;
	}



	.show-for-large, .show-for-medium, .show-for-medium-and-large{
		display: none;
	} 
	.show-for-small{
		display: block;
	}
	
	.fl-container {
		flex-direction: column;
	}

	.fl-second {
		flex: none;
		width: 100%;
	}

	.carousel-container {
		width: 100%;
	}

	.deck-rounded-1 {
		border-top-right-radius: 1rem; 
		border-bottom-left-radius: 0;
	}

	.main_form_container {
		width: 310px; 
		height: auto;
		padding-bottom: 30px;
	}

	.main_form_field_fio {
		width: calc(100% - 40px);
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.main_form_field_email {
		width: calc(100% - 40px);
		margin-left: 20px;
	}

	.prod_item {
		border-radius: 1.5rem;
		width: 90%;
	}

	.fl-contacts-1 {
		width: 350px;
	}

	.fl-contacts-2 {
		width: 100%; 
		height: 320px;
		border-radius: 1.5rem;
	}

	.policy_cookies {
		margin-top: 0;
		margin-left: 5px;
	}

	.fl-2-footer {
		text-align: left;
	}

	.footer_txt {
		margin-left: 5px;
	}

	.footer_input {
		margin-left: 5px;
	}

	.slotex_logo_footer {
		padding-left: 0;
	}

	.extradeck_logo_footer {
		/* padding-left: 20px; */
		padding-left: 0;
	}

	.align-float {
		text-align: center;
	}

	.footer-bottom {
		width: 340;
	}

	.footer-menu-container {
		width: 300px;
	}


            .modal-product-win {
                flex-direction: column;
                padding: 20px;
            }
            
            .main-image-container {
                height: 180px;
                width: 280px;
            }
			
			.modal-product-win {
				gap: 10px;
				max-width: 360px;
				max-height: 700px;
			}

			.product-title {
				margin-bottom: 0;
				font-size: 20px;
			}
			
			.thumbnail {
				width: 60px;
				height: 60px;
			}
			
			.product-gallery {
				gap: 5px;
			}
			
			.product-description {
				line-height: 1;
				font-size: 12px;
			}

			.prod-form-control {
				padding: 4px 10px;
				font-size: 14px;
			}
			
		    .cart-sidebar {
				width: 95%;
				max-height: 90vh;
			}
}



/* И планшеты и десктопы */
@media (min-width: 451px) {
    .contacts-button {
        display: none;
    }
    .main-menu ul li:last-child {
        display: list-item;
    }



	.show-for-medium-and-large{
		display: block;
	}

}


/* Исключительно планшеты и горизонталки телефонов */
@media (min-width: 451px) and (max-width: 990px) {

	.fl-container-contacts-2-1 {
		flex: 1;
	}


	.fl-contacts-2 {
		width: 100%;
	}



	.carousel-indicators {
		margin-bottom: 1rem !important;
	}


	.carousel-item-inner-2 {
		top: 200px;
	}


	.sphere-mob-blocks {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}


	.show-for-large, .show-for-small{
		display: none;
	} 
	.show-for-medium{
		display: block;
	}

	.policy_cookies {
		margin: 0 0 10px 5px;
	}

	.fl-1-footer {
		flex: 1; 
	}

	.fl-2-footer {
		text-align: left;
	}

	.footer_txt {
		margin-left: 5px;
	}

	.footer_input {
		margin-left: 5px;
	}

	.slotex_logo_footer {
		padding-left: 0;
	}

	.extradeck_logo_footer {
		padding-left: 20px;
	}

	.align-float {
		text-align: center;
	}

	.product-description {
		line-height: 1;
		font-size: 12px;
	}

	.prod-form-control {
		width: 150px;
	}

	.modal-product-win {
		gap: 10px;
		max-width: 700px;
		max-height: 350px;
	}

}

/* Десктопы */
@media (min-width: 991px) {
	.show-for-small, .show-for-medium{
		display: none;
	} 
	.show-for-large{
		display: block;
	}
}


/* End */
/* /bitrix/components/bitrix/menu/templates/.default/style.css?1755200648581 */
/* /bitrix/templates/extradeck_main/styles.css?176510468332431 */