

/* Start:/local/templates/main/fonts/fonts.css?17871296081512*/
@font-face {
    font-family: 'Stolz';
    src: url('/local/templates/main/fonts/stolz/stolzl_bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stolz';
    src: url('/local/templates/main/fonts/stolz/stolzl_regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Stolz';
    src: url('/local/templates/main/fonts/stolz/stolzl_medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Stolz';
    src: url('/local/templates/main/fonts/stolz/stolzl_light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interfaces';
    src: url('/local/templates/main/fonts/tt_interfaces/TTInterfaces-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Interfaces';
    src: url('/local/templates/main/fonts/tt_interfaces/TTInterfaces-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'TT Interfaces';
    src: url('/local/templates/main/fonts/tt_interfaces/TTInterfaces-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'TT Interfaces';
    src: url('/local/templates/main/fonts/tt_interfaces/TTInterfaces-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/* End */


/* Start:/local/templates/main/css/forms.css?17870750578488*/
.f-row {
    position: relative;
    width: 100%;
    margin-bottom: 14px;
}

.f-row input,
.f-row textarea,
.f-row .form-input {
    width: 100%;
    padding: 12px 16px;
    padding-left: 46px;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    background: var(--white);
    font-size: 15px;
    color: var(--ink-2);
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    font-family: var(--font-body);
}

.f-row input:focus,
.f-row textarea:focus,
.f-row .form-input:focus {
    border-color: var(--red);
    box-shadow: 0 0 0 3px rgba(212, 10, 42, 0.08);
}

.f-row input::placeholder,
.f-row textarea::placeholder,
.f-row .form-input::placeholder {
    color: var(--muted-light);
}

.f-row textarea,
.f-row .form-message {
    min-height: 80px;
    resize: vertical;
    padding-top: 14px;
}

.f-row::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    pointer-events: none;
    opacity: 0.5;
}

.f-row textarea ~ .f-row::before {
    top: 18px;
    transform: none;
}

#field_name::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

#field_phone::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}

#field_email::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
}

#field_message::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

.error-msg {
    display: none;
    color: #d32f2f;
    background: #fff0f0;
    padding: 10px 14px;
    border-radius: 8px;
    margin-bottom: 15px;
    border: 1px solid #ffcdd2;
    font-size: 14px;
}

.error-msg:not(:empty) {
    display: block;
}

.success-message {
    display: none;
    text-align: center;
    padding: 20px 0;
}

.success-message .icon {
    font-size: 48px;
    margin-bottom: 10px;
}

.success-message h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.success-message p {
    color: var(--muted);
    font-size: 16px;
    line-height: 1.5;
}

.success-message.show {
    display: block;
}

.form-agree {
    font-size: 12px;
    color: var(--muted-light);
    line-height: 1.5;
    margin: 12px 0 16px;
    text-align: center;
}

.form-agree a {
    color: var(--blue);
    text-decoration: none;
}

.form-agree a:hover {
    text-decoration: underline;
}

.btn-submit {
    width: 100%;
    padding: 14px;
    background: var(--red);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s, transform 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-submit:hover {
    background: var(--red-dark);
    transform: translateY(-1px);
}

.btn-submit:active {
    transform: scale(0.98);
}

.btn-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.3s ease;
}

.modal-overlay.active {
    display: flex !important;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.modal-popup {
    background: #fff;
    padding: 40px 30px 30px;
    border-radius: 16px;
    max-width: 480px;
    width: 90%;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    animation: slideUp 0.3s ease;
    max-height: 90vh;
    overflow-y: auto;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal-close {
    position: absolute;
    top: 12px;
    right: 16px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #999;
    transition: color 0.3s;
    padding: 4px 8px;
    line-height: 1;
}

.modal-close:hover {
    color: #333;
}

.modal-popup h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 26px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.modal-icon {
    font-size: 28px;
}

.modal-sub {
    font-size: 15px;
    color: var(--muted);
    text-align: center;
    margin-bottom: 24px;
    line-height: 1.5;
}

.static-form {
    max-width: 100%;
}

.static-form .form-fields {
    display: block;
}

.static-form .success-message.show {
    display: block;
}

.success-modal .modal-success-popup {
    text-align: center;
    padding: 50px 40px 40px;
}

.success-modal .success-icon {
    font-size: 64px;
    margin-bottom: 16px;
}

.success-modal .success-title {
    font-family: var(--font-display);
    font-size: 28px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

.success-modal .success-modal-text {
    font-size: 16px;
    color: var(--muted);
    line-height: 1.6;
    margin-bottom: 0;
}

#callbackModal .success-message {
    display: none;
    text-align: center;
    padding: 30px 0 10px;
}

#callbackModal .success-message.show {
    display: block;
}

#callbackModal .success-message .icon {
    font-size: 56px;
    margin-bottom: 12px;
}

#callbackModal .success-message h3 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 8px;
}

#callbackModal .success-message p {
    font-size: 15px;
    color: var(--muted);
    line-height: 1.5;
}
@media (max-width: 480px) {
    .success-modal .modal-success-popup {
        padding: 30px 20px 24px;
    }
    
    .success-modal .success-icon {
        font-size: 48px;
    }
    
    .success-modal .success-title {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .f-row input,
    .f-row textarea,
    .f-row .form-input {
        padding-left: 42px;
        font-size: 14px;
    }
    
    .f-row::before {
        left: 12px;
        width: 18px;
        height: 18px;
    }
    
    .modal-popup {
        padding: 30px 20px 24px;
    }
    
    .modal-popup h2 {
        font-size: 22px;
    }
}

@media (max-width: 480px) {
    .f-row input,
    .f-row textarea,
    .f-row .form-input {
        padding-left: 38px;
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .f-row::before {
        left: 10px;
        width: 16px;
        height: 16px;
    }
    
    .modal-popup {
        padding: 24px 16px 20px;
        border-radius: 12px;
    }
    
    .modal-popup h2 {
        font-size: 20px;
    }
    
    .modal-sub {
        font-size: 14px;
        margin-bottom: 18px;
    }
    
    .btn-submit {
        font-size: 15px;
        padding: 12px;
    }
}

/* End */


/* Start:/local/templates/main/css/photobox.css?178376504411940*/
/* Normilizes box-sizing  */
#pbOverlay *,
#pbOverlay *:before,
#pbOverlay *:after {
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}


#pbOverlay.show{ opacity:1; pointer-events:auto; }
#pbOverlay{
	opacity:0; overflow:hidden; width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; text-align:center; pointer-events:none;
	-moz-user-select:none;
	background:rgba(0,0,0,.90);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2000000', endColorstr='#e2000000');
	/* background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%); */
	-webkit-transform:translate3d(0);
	transition:opacity 300ms ease;
}

#pbOverlay.msie{ background-color:rgba(0,0,0,.6); }
.msie.pbLoading .pbWrapper{ background:url('/local/templates/main/css/../images/loading.gif') no-repeat center center; }

@keyframes pbLoaderFrames{ 50%{ height:5px; } }
@-webkit-keyframes pbLoaderFrames{ 50%{ height:5px; } }

.pbLoader{ display:none; width:100px; height:100px; position:absolute; z-index:999; top:0; left:0; right:0; bottom:0; margin:auto; text-align:center; border-radius:100%; box-shadow:15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px; transition:.3s; }
.thumbs .pbLoader{ -webkit-transform:translateY(-50px); transform:translateY(-50px); }
.pbLoading:not(.msie):not(.error) .pbLoader{ display:block; }
	.pbLoader b{ display:inline-block; vertical-align:middle; margin:0 2px; width:8px; height:60px; border-radius:5px; background:rgba(255,255,255,.8); box-shadow:0 0 10px rgba(0,0,0,.5); -webkit-animation:.9s pbLoaderFrames infinite linear; animation:.9s pbLoaderFrames infinite linear; }
	.pbLoader b:nth-child(2){ -webkit-animation-delay:.3s; animation-delay:.3s; }
	.pbLoader b:nth-child(3){ -webkit-animation-delay:.6s; animation-delay:.6s; }

.mobile.pbLoading .pbLoader{ transform:none; transition:0s; }

.pbWrapper:after,
#pbCaption .pbThumbs ul:after,
#pbOverlay .prevNext:after,
#pbOverlay .pbLoader:before{ content:""; display:inline-block; height:100%; margin-right:-.25em; vertical-align:middle; }

/* Animation when image was not loaded */
@keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); transform:scale(.85); } }
@-webkit-keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); -webkit-transform:scale(.85); } }

#pbOverlay button{ outline:0 !important; box-shadow:0; }


.pbWrapper{ -moz-box-sizing:border-box; box-sizing:border-box; transform:rotate(0deg); vertical-align:middle; height:100%; perspective:1200px; position:relative;  }
.video > .pbWrapper{ z-index:11; display:inline-block; }
	/*#pbOverlay.error .pbWrapper{ display:inline-block; width:100%; }*/
	.pbLoading .pbWrapper{ display:inline-block\9; width:100%; } /* ie8+9 hack */
	.pbWrapper:before{ content:'\2716'; color:transparent; text-shadow:0 2px 35px rgba(255,255,255,0); font-size:0; vertical-align:middle; cursor:default; transition:text-shadow .7s ease-out; }
	.error .pbWrapper:before{ font-size:22em; text-shadow:0 0 0 #FFF; -webkit-animation:2s 1s deadImage infinite linear; animation:2s 1s deadImage infinite linear; }
	.thumbs .pbWrapper{ padding:0; margin:0; }
	.error .pbWrapperr img{ width:0; }

	.pbWrapper > div{ display:none; width:624px; height:351px; vertical-align:middle; border-radius:5px; background:rgba(0,0,0,.5); }
	.video > .pbWrapper > div{ display:inline-block; }

	#pbOverlay iframe,
	#pbOverlay embed,
	#pbOverlay object{ display:block; width:100%; height:100%; opacity:1; transition:.5s; }

	.pbWrapper .pbHide iframe{ opacity:0; }

	.pbWrapper > div,
	.pbWrapper > img{
		transition:.5s .5s cubic-bezier(.1, .87, .48, 1);

		-webkit-transform:none;
		-ms-transform:none;
		transform:none;

		-webkit-backface-visibility:hidden;
		box-shadow:0 0 20px #000;
		opacity: 1;
	}

	/* FOR MOBILE */
	.mobile.show .pbWrapper > div,
	.mobile.show .pbWrapper > img{
		transition:30ms;
	}

	/* Content effects */
	.pbWrapper > *,
	.pbHide .pbWrapper > .prepare{ opacity:0; vertical-align:middle; -webkit-transform:scale(.2) rotateX(80deg); -ms-transform:scale(.2) rotateX(80deg); transform:scale(.2) rotateX(80deg); border-radius:6px; border:none; max-height:95%; max-width:100%; }
	.on .pbWrapper > *{ transition-delay:0s; }
	.pbWrapper .zoomable{ -webkit-transition:0s; transition:0s; position:relative; z-index:9; }
	.pbWrapper .rotating{ -webkit-transition:.25s cubic-bezier(.4,.04,0,1); transition:.25s cubic-bezier(.4,.04,0,1); }
	.pbHide .pbWrapper > *{ -webkit-transform:scale(1.2); transform:scale(1.2); transform:none\9; opacity:0; transition:.4s ease-out; }



/*-- close button --*/
#pbCloseBtn,
#pbAutoplayBtn{ position:absolute; top:-50px; right:-50px; z-index:999; display:block; padding:0 0 20px 20px; text-align:center; cursor:pointer; color:#FFF; transition:.3s .3s ease-out; }
.pbHide #pbCloseBtn{ top:-50px; right:-50px; }
.on #pbCloseBtn{ top:-2px; right:-2px; }

#pbCloseBtn:before{ content:'\00D7'; font:bold 1em/1 arial; }
#pbCloseBtn:before, #pbAutoplayBtn:before{ display:inline-block; height:35px; width:35px; padding:8px 8px 12px 12px; font-size:2em; opacity:.8; vertical-align:middle; background:rgba(255,255,255,.2); border-radius:0 0 0 70px; transition:.1s ease-out; }
#pbCloseBtn:hover:before{ padding:15px 10px 24px 24px; background:rgba(255,100,100,.4); }

/*-- autoplay controller --*/
#pbAutoplayBtn{ display:none; right:auto; left:-50px; padding:0; width:50px; height:50px; font-size:13px; }
.hasAutoplay #pbAutoplayBtn{ display:block; }
#pbAutoplayBtn:hover{ width:60px; height:60px; }
.on #pbAutoplayBtn{ top:0px; left:0px; transition:.1s ease-out; }
	#pbAutoplayBtn:before{ content:'\2016'; width:100%; height:100%; border-radius:0 0 70px 0; font-weight:bold; padding:0; text-indent:-6px; line-height:1.6; }
	#pbAutoplayBtn:active:before{ text-shadow:0 0 3px #FFF, 0 0 6px #FFF; }
	#pbAutoplayBtn.play:before{ content:'\25BA'; }

	#pbAutoplayBtn .pbProgress{ display:none\9; width:100%; height:100%; overflow:hidden; position:absolute; padding:6px; top:0; left:0; opacity:.2; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transition:.3s; transition:.3s; }
	.mobile #pbAutoplayBtn .pbProgress{ -webkit-transition:0s; transition:0s; }
	#pbAutoplayBtn.playing .pbProgress{ -webkit-transform:rotateZ(90deg); -ms-transform:rotateZ(90deg); transform:rotateZ(90deg); }
	#pbAutoplayBtn .pbProgress:before{ content:''; position:absolute; right:0; bottom:0; width:200%; height:200%; border-radius:50%; box-shadow:0 0 0 8px #FFF inset; }

#pbCaption,
.pbHide #pbCaption{ position:absolute; z-index:999; margin-bottom:5px; bottom:-120px; width:100%; overflow:hidden; transform:translateZ(0px); transition:.4s; }
.show.on #pbCaption{ bottom:0; transition-delay:.5s; }
	#pbOverlay.thumbs #pbCaption label{ display:block; }
	#pbCaption label{ display:none; float:right; margin:0 1em; color:#FFF; opacity:.3; transition:.2s; cursor:pointer; }
	#pbCaption label:after{ content:'\276F'; font-size:30px; line-height:30px; display:inline-block; transform:rotate(-90deg); transition:.2s ease-out; }
	#pbCaption label:hover{ opacity:1; }
	#pbCaption .title,
	#pbCaption .counter{ display:inline-block; color:#FFF; margin:0 6px; }
	#pbCaption .counter{ display:none; opacity:.55; }
	.hasCounter #pbCaption .counter{ display:inline-block; }
	.pbCaptionText{ display:inline-block; transition:.3s; opacity:.9; font-weight:bold; vertical-align:middle; text-shadow:1px 1px 1px rgba(0,0,0,.5); padding-left:60px; } /* padding-left from <label> */
	.pbCaptionText.change{ -webkit-transform:translateY(25px); transform:translateY(25px); opacity:0; }
	#pbCaption .rotateBtn{ display:none; background:none; border:0; font:800 1.7em/0 Arial; vertical-align:middle; color:rgba(255,255,255,.5); width:1.1em; height:1.1em; padding:0; border-radius:50%; background:rgba(0,0,0,.2); cursor:pointer; transition:.15s ease-out; }
	#pbCaption .rotateBtn.show{ display:block; float:right; }
	#pbCaption .rotateBtn:hover{ color:rgba(255,255,255,.7); }
	#pbCaption .rotateBtn:active{ color:white; background:rgba(0,0,0,.4); }

.mobile #pbCaption label{ display:none; z-index:-1; color:red; }
.mobile .pbCaptionText{ padding:0; }

/* hide thumbnails */
#pbThumbsToggler:checked ~ #pbCaption .pbThumbs{ margin:0; }
#pbThumbsToggler:checked ~ #pbCaption label:after{ transform:rotate(90deg) }
#pbThumbsToggler:checked ~ .pbWrapper{ margin-top:-50px; padding:50px 0; }

.pbThumbs{ display:none; transition:.35s; -webkit-overflow-scrolling:touch; }
.thumbs .pbThumbs{ display:block; width:100%; padding:5px 0 2px; margin-bottom:-100px; overflow:hidden; }
.mobile .pbThumbs{ overflow:auto; }
.pbThumbs:hover{ clear:both; }
	.pbThumbs ul{ display:inline-block; position:relative; list-style:none; height:80px; padding:0 5px; margin:0; white-space:pre; transition:.2s; }
	.pbThumbs ul:after{ vertical-align:bottom; }
		.pbThumbs li{ display:inline-block; vertical-align:bottom; height:70%; opacity:.6; text-align:center; position:relative; transition:.15s; }
		.pbThumbs li.active{ height:100%; opacity:1; }
		.pbThumbs li:hover{ height:100%; opacity:1; }
		.pbThumbs li.video::before{ content:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:.9; position:absolute; bottom:4px; left:7px; background:rgba(0,0,0,.4); box-shadow:0 0 0 3px rgba(0,0,0,.4); border-radius:0 3px 0 0; pointer-events:none; }
			.pbThumbs a{ height:100%; padding:0 2px; display:block; -moz-user-select:none; }
			.pbThumbs li:hover a{  }
				.pbThumbs img{ height:96%; min-height:95.9%; border:2px solid #FFF; max-width:none; border-radius:0; transition:.15s; }
				.pbThumbs li:hover img{ min-height:96%; } /* fix a bug in Chrome and Opera */
				.pbThumbs li.fast a img{ transition:none; }
				.pbThumbs li.active a img{ border-color:#D8FF16; min-height:96%; }

#pbOverlay .prevNext{ display:none; background:rgba(0,0,0,0); position:absolute; z-index:10; height:100%; width:35%; padding:80px 0; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; top:0; transition:.2s ease-out; text-shadow:0 0 12px #000, 0 0 10px #FFF; user-select:none; filter:alpha(opacity=0); cursor:pointer; }
#pbOverlay.hasArrows .prevNext{ display:block; }
#pbOverlay .prevNext.pbHide{ display:none; }
#pbOverlay.on .prevNext:hover{ opacity:.5; filter:alpha(opacity=50); }
#pbOverlay.on .prevNext:hover:active{ transition:80ms; opacity:1; filter:alpha(opacity=100); text-shadow:0 0 16px #FFF, 0 0 10px #000; }
	.prevNext b{ display:inline-block; vertical-align:middle; transition:.2s ease-in; }
	.prevNext:hover b{ transition:.2s cubic-bezier(.095, .870, .485, .985); }
	#pbPrevBtn b{ transform:scale(.4) translateX(350px); -webkit-transform:scale(.4) translateX(350px); }
	#pbNextBtn b{ transform:scale(.4) translateX(-350px); -webkit-transform:scale(.4) translateX(-350px); }
	/* */
	#pbPrevBtn b:before,
	#pbNextBtn b:after{ display:inline; line-height:.3; font-size:18em; font-weight:normal; color:#FFF; font-family:Arial; }

	#pbPrevBtn b:before{ content:'\2039'; }
	#pbNextBtn b:after{ content:'\203A'; }
	/* */
	.on #pbPrevBtn:hover b{ transform:scale(1) translateX(20px); -webkit-transform:scale(1) translateX(20px); }
	.on #pbNextBtn:hover b{ transform:scale(1) translateX(-20px); -webkit-transform:scale(1) translateX(-20px); }

.show #pbPrevBtn, #pbOverlay.show #pbNextBtn{  }
.show #pbPrevBtn{ left:0; text-align:left; }
.show #pbNextBtn{ right:0; text-align:right; }

/*------- media queries (for small screens) -----------*/
@media all and (max-width:700px){
	.pbWrapper img,
	.pbHide .pbWrapper img.prepare{ max-height:100%; }

	.thumbs .pbWrapper{ padding:0; margin:0; }
	.pbThumbs{ margin-bottom:-60px; }
	.pbThumbs.show{ margin:0; }

	.pbThumbs ul{ height:50px; }
		.pbThumbs li{ height:100%; opacity:1; }
		.pbThumbs li img{ min-height:96.5%; }
}
/* fix for Chrome */
@media all and (max-width:710px){
	.pbThumbs li.active a img{ min-height:96%; }
}


/* End */


/* Start:/local/templates/main/css/photobox.ie.css?1783765044363*/
#pbOverlay{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6000000', endColorstr='#e6000000'); }

#pbOverlay .prevNext{ filter:alpha(opacity=0); }
#pbOverlay.on .prevNext:hover{ filter:alpha(opacity=60); }
#pbOverlay.on .prevNext:active{ filter:alpha(opacity=100); }

#pbPrevBtn b:before{ content:'‹'; }
#pbNextBtn b:after{ content:'›'; }
/* End */


/* Start:/local/templates/main/js/swiper/css/swiper.min.css?178376514319778*/
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/bottom/style.css?1783791623626*/
/* 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(/local/templates/main/components/bitrix/menu/bottom/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:/local/templates/main/template_styles.css?178707505947404*/
:root {
--red: #ff0046;
--red-dark: #e70055;
--red-light: #FFF0F2;
--blue: #0A4FD4;
--blue-light: #E8F0FF;
--ink: #0B0D14;
--ink-2: #1E2235;
--ink-3: #2E3350;
--muted: #6B7394;
--muted-light: #9CA3C4;
--surface: #F4F6FC;
--white: #FFFFFF;
--border: rgba(212,10,42,0.12);
--border-soft: rgba(0,0,0,0.07);
--font-display: 'Stolz', sans-serif;
--font-body: 'TT Interfaces', sans-serif;
--transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
font-family: var(--font-body);
color: var(--ink);
background: var(--white);
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}

/* ── NAV ── */
nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 100;
padding: 0 40px;
height: 68px;
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(255,255,255,0.85);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-bottom: 1px solid var(--border-soft);
transition: var(--transition);
}

nav.scrolled {
background: rgba(255,255,255,0.95);
box-shadow: 0 4px 40px rgba(212,10,42,0.06);
}

.nav-logo {
font-family: var(--font-display);
font-weight: 700;
font-size: 20px;
color: var(--red);
letter-spacing: -1px;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
}

.nav-logo .badge {
font-family: var(--font-body);
font-size: 10px;
font-weight: 600;
color: var(--white);
background: var(--red);
padding: 3px 10px;
border-radius: 20px;
letter-spacing: 0.5px;
}

.nav-links {
display: flex;
align-items: center;
gap: 2px;
list-style: none;
}

.nav-links a {
font-size: 14.5px;
font-weight: 400;
color: var(--ink-3);
text-decoration: none;
padding: 7px 14px;
border-radius: 8px;
transition: var(--transition);
letter-spacing: -0.1px;
}

.nav-links a:hover { background: var(--surface); color: var(--red); }

.nav-right { display: flex; align-items: center; gap: 12px; }

.nav-phone {
font-size: 14.5px;
font-weight: 500;
color: var(--ink-2);
text-decoration: none;
letter-spacing: -0.3px;
width: 100%;
}

.btn {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
padding: 10px 22px;
border-radius: 10px;
border: none;
cursor: pointer;
transition: var(--transition);
text-decoration: none;
letter-spacing: -0.2px;
white-space: nowrap;
}

.btn-primary {
background: var(--red);
color: var(--white);
max-width: 230px;
}

.btn-primary:hover {
background: var(--red-dark);
transform: translateY(-1px);
box-shadow: 0 8px 24px rgba(212,10,42,0.35);
}

.btn-outline {
background: transparent;
color: var(--red);
border: 1.5px solid var(--red);
}

.btn-outline:hover {
background: var(--red-light);
transform: translateY(-1px);
}

.btn-lg { padding: 14px 30px; font-size: 15px; border-radius: 12px; }

.hero {
  position: relative;
  overflow: hidden;
  min-height: 80vh;
}

.heroSwiper {
  width: 100%;
  height: 100%;
  min-height: 80vh;
}

.heroSwiper .swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 80vh;
  padding: 120px 60px 60px;
}

/* ── ФОНЫ СЛАЙДОВ ── */
.slide-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  transform: scale(1.02);
}

.slide-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ── ЗАТЕМНЕНИЕ ── */
.slide-overlay,
.hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(135deg, rgba(11,13,20,0.7) 0%, rgba(11,13,20,0.3) 50%, rgba(0,0,0,0.2) 100%);
}

/* ── ДЕКОРАТИВНАЯ СЕТКА ── */
.slide-grid-lines,
.hero-grid-lines {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image:
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 70% 70% at 60% 50%, black 0%, transparent 100%);
  pointer-events: none;
}

/* ── КОНТЕНТ ── */
.hero-content {
  position: relative;
  z-index: 2;
  /* max-width: 45%; */
}

/* ── EYEBROW (БЕЙДЖИК) ── */
.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(8px);
  padding: 6px 14px;
  border-radius: 30px;
  margin-bottom: 28px;
  letter-spacing: 0.3px;
}

.hero-eyebrow::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.7); }
}

/* ── ЗАГОЛОВКИ ── */
.hero h1 {
  font-family: var(--font-display);
  font-size: clamp(38px, 4.5vw, 58px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -2px;
  color: #fff;
  margin-bottom: 24px;
}

.hero h1 .accent { color: #FF6B6B; }
.hero h1 .accent-blue { color: #6BB5FF; }

.hero h1 .line-2 {
  display: block;
  font-weight: 300;
  color: rgba(255,255,255,0.7);
}

/* ── ПОДЗАГОЛОВОК ── */
.hero-sub {
  font-size: 17px;
  font-weight: 400;
  color: rgba(255,255,255,0.75);
  line-height: 1.65;
  max-width: 80%;
  margin-bottom: 36px;
  letter-spacing: -0.1px;
}

/* ── КНОПКИ ── */
.hero-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 56px;
}

.hero-actions .btn-outline {
  color: #fff;
  border-color: rgba(255,255,255,0.6);
}

.hero-actions .btn-outline:hover {
  background: rgba(255,255,255,0.15);
  border-color: #fff;
}

/* ── БЛОК ДОКАЗАТЕЛЬСТВ ── */
.hero-proof {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}

.proof-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.proof-num {
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #fff;
  line-height: 1;
}

.proof-label {
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  font-weight: 400;
}

.proof-divider {
  width: 1px;
  height: 36px;
  background: rgba(255,255,255,0.15);
}

.heroSwiper .swiper-button-next,
.heroSwiper .swiper-button-prev {
  color: #fff;
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(8px);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  transition: var(--transition);
}

.heroSwiper .swiper-button-next:hover,
.heroSwiper .swiper-button-prev:hover {
  background: var(--red);
}

.heroSwiper .swiper-button-next::after,
.heroSwiper .swiper-button-prev::after {
  font-size: 18px;
  font-weight: 700;
}

/* ── ПАГИНАЦИЯ ── */
.heroSwiper .swiper-pagination-bullet {
  background: rgba(255,255,255,0.4);
  opacity: 1;
  width: 10px;
  height: 10px;
}

.heroSwiper .swiper-pagination-bullet-active {
  background: var(--red);
  width: 28px;
  border-radius: 6px;
}

.heroSwiper .swiper-slide .hero-content {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.heroSwiper .swiper-slide-active .hero-content {
  opacity: 1;
  transform: translateY(0);
}

.heroSwiper .swiper-slide .hero-content .hero-eyebrow {
  transition-delay: 0.1s;
}
.heroSwiper .swiper-slide .hero-content h1 {
  transition-delay: 0.2s;
}
.heroSwiper .swiper-slide .hero-content .hero-sub {
  transition-delay: 0.3s;
}
.heroSwiper .swiper-slide .hero-content .hero-actions {
  transition-delay: 0.4s;
}
.heroSwiper .swiper-slide .hero-content .hero-proof {
  transition-delay: 0.5s;
}

.heroSwiper .swiper-slide .hero-content > * {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.heroSwiper .swiper-slide-active .hero-content > * {
  opacity: 1;
  transform: translateY(0);
}

.heroSwiper .swiper-button-next::after,
.heroSwiper .swiper-button-prev::after {
    content: '›' !important;
    font-size: 32px !important;
    font-weight: 100 !important;
    color: #ff0046 !important;
    font-family: 'Arial', sans-serif !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    line-height: 1 !important;
    
    margin-top: -2px !important; 
}

.heroSwiper .swiper-button-prev::after {
    content: '‹' !important;
}

.heroSwiper .swiper-button-next:hover::after,
.heroSwiper .swiper-button-prev:hover::after {
    color: #ffffff !important;
}
@media (max-width: 768px) {
  .heroSwiper .swiper-slide {
    padding: 80px 20px 40px;
    min-height: 70vh;
  }

  .hero h1 {
    font-size: 30px;
  }

  .heroSwiper .swiper-button-next,
  .heroSwiper .swiper-button-prev {
    width: 36px;
    height: 36px;
  }

  .heroSwiper .swiper-button-next::after,
  .heroSwiper .swiper-button-prev::after {
    font-size: 14px;
  }

  .hero-proof {
    gap: 16px;
  }

  .proof-divider {
    display: none;
  }

  .hero-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .hero-actions {
    margin-bottom: 30px;
  }
}

@media (max-width: 480px) {
  .heroSwiper .swiper-slide {
    min-height: 60vh;
    padding: 70px 16px 30px;
  }

  .hero h1 {
    font-size: 24px;
  }

  .hero-sub {
    font-size: 14px;
  }

  .heroSwiper .swiper-button-next,
  .heroSwiper .swiper-button-prev {
    display: none;
  }

  .hero-eyebrow {
    font-size: 12px;
    padding: 4px 12px;
    margin-bottom: 16px;
  }

  .proof-num {
    font-size: 20px;
  }

  .proof-label {
    font-size: 12px;
  }
}

/* ── SECTION BASICS (минимальные отступы) ── */
section { position: relative; z-index: 1; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 40px; }

.section-tag {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--red);
margin-bottom: 10px;
}

.section-tag::before {
content: '';
width: 16px;
height: 1.5px;
background: var(--red);
display: block;
}

.section-title {
font-family: var(--font-display);
font-size: clamp(26px, 2.8vw, 38px);
font-weight: 700;
letter-spacing: -1.5px;
line-height: 1.1;
color: var(--ink);
margin-bottom: 12px;
}

.section-sub {
font-size: 15px;
color: var(--muted);
line-height: 1.6;
max-width: 560px;
margin-bottom: 32px;
font-weight: 400;
}

/* ── БЛОК КАТАЛОГА (ОТДЕЛЬНЫЙ) ── */
.catalog-section { padding: 50px 0; }

.catalog-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}

.catalog-item {
background: var(--white);
border: 1px solid var(--border-soft);
border-radius: 12px;
padding: 20px 16px;
transition: var(--transition);
text-decoration: none;
color: var(--ink);
text-align: center;
}

.catalog-item:hover {
border-color: rgba(212,10,42,0.2);
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(212,10,42,0.06);
}

.catalog-icon {
font-size: 28px;
margin-bottom: 10px;
display: block;
}

.catalog-item h3 {
font-family: var(--font-display);
font-size: 13px;
font-weight: 600;
letter-spacing: -0.3px;
color: var(--ink);
margin-bottom: 2px;
}

.catalog-item p {
font-size: 11px;
color: var(--muted);
}

/* ── БЛОК ПРЕИМУЩЕСТВ ── */
.features-section { padding: 40px 0; background: var(--surface); }

.features-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}

.feature-card {
background: var(--white);
border-radius: 12px;
padding: 20px 16px;
text-align: center;
border: 1px solid var(--border-soft);
transition: var(--transition);
}

.feature-card:hover {
border-color: rgba(10,79,212,0.2);
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0,0,0,0.04);
}

.feature-card .icon { font-size: 26px; margin-bottom: 8px; display: block; }
.feature-card h4 { font-size: 13px; font-weight: 600; color: var(--ink); margin-bottom: 2px; }
.feature-card p { font-size: 14px; color: var(--muted); }

/* ── АКЦИЯ ── */
.gift-section { padding: 40px 0; }

.gift-banner {
background: linear-gradient(135deg, var(--red) 0%, var(--red-dark) 100%);
border-radius: 16px;
padding: 36px 32px;
display: grid;
grid-template-columns: 1fr 240px;
gap: 30px;
align-items: center;
position: relative;
overflow: hidden;
}

.gift-banner::before {
content: '';
position: absolute;
top: -40%;
right: -10%;
width: 300px;
height: 300px;
border-radius: 50%;
background: rgba(255,255,255,0.05);
}

.gift-content { position: relative; z-index: 2; }

.gift-content .tag {
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
color: rgba(255,255,255,0.5);
margin-bottom: 6px;
}

.gift-content h2 {
font-family: var(--font-display);
font-size: 24px;
font-weight: 700;
color: var(--white);
letter-spacing: -1px;
margin-bottom: 6px;
}

.gift-content h2 .gold { color: #FFD700; }
.gift-content p {
font-size: 14px;
color: rgba(255,255,255,0.7);
line-height: 1.5;
}

.gift-actions .btn-white {
background: var(--white);
color: var(--red-dark);
font-weight: 600;
padding: 10px 24px;
border-radius: 10px;
}

.gift-actions .btn-white:hover {
background: var(--red-light);
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

/* ── ХИТЫ ── */
.hits-section { padding: 40px 0; background: var(--surface); }

.hits-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}

.hit-card {
background: var(--white);
border-radius: 12px;
border: 1px solid var(--border-soft);
overflow: hidden;
transition: var(--transition);
}

.hit-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(0,0,0,0.06);
border-color: rgba(212,10,42,0.15);
}

.hit-img {
height: 140px;
background: var(--surface-2);
display: flex;
align-items: center;
justify-content: center;
font-size: 40px;
color: var(--muted-light);
}

.hit-info { padding: 14px 16px; }

.hit-info h4 {
font-size: 13px;
font-weight: 600;
color: var(--ink);
margin-bottom: 2px;
}

.hit-price {
font-family: var(--font-display);
font-size: 18px;
font-weight: 700;
color: var(--red);
}

.hit-old {
font-size: 14px;
color: var(--muted-light);
text-decoration: line-through;
margin-left: 6px;
font-weight: 400;
}

.hit-info .status {
font-size: 11px;
color: var(--muted);
margin-top: 2px;
display: block;
}

.hit-info .status.in-stock { color: var(--blue); }

/* ── О КОМПАНИИ ── */
.about-section { padding: 50px 0; }

.about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center;
}

.about-content .section-sub { margin-bottom: 24px; }
.about-features { display: flex; flex-direction: column; gap: 14px; }

.about-feature {
display: flex;
gap: 12px;
align-items: flex-start;
}

.about-feature-icon {
width: 36px;
height: 36px;
border-radius: 8px;
background: var(--red-light);
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
flex-shrink: 0;
}

.about-feature h5 {
font-size: 13px;
font-weight: 500;
color: var(--ink);
margin-bottom: 2px;
}

.about-feature p { font-size: 14px; color: var(--muted); line-height: 1.5; }

.about-map {
background: var(--surface-2);
border-radius: 12px;
height: 360px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px solid var(--border-soft);
color: var(--muted);
}

.about-map .big-icon { font-size: 40px; margin-bottom: 10px; }
.about-map .addr { font-weight: 500; color: var(--ink); margin-bottom: 4px; }

/* ── ОТЗЫВЫ ── */
.reviews-widget-section {
    padding: 60px 0;
    background: var(--surface);
}

.reviews-widget-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px 40px;
    margin-bottom: 32px;
}

.reviews-widget-title {
    flex: 1;
    min-width: 240px;
}

.reviews-widget-title .section-tag {
    margin-bottom: 8px;
}

.reviews-widget-title .section-title {
    margin-bottom: 8px;
    font-size: clamp(24px, 2.5vw, 34px);
}

.reviews-widget-title .section-sub {
    margin-bottom: 0;
    max-width: 480px;
}

.reviews-widget-rating {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
    padding: 12px 20px;
    background: var(--white);
    border-radius: 12px;
    border: 1px solid var(--border-soft);
}

.rating-stars {
    display: flex;
    gap: 2px;
}

.rating-stars .star {
    font-size: 20px;
    color: #e0e0e0;
    line-height: 1;
}

.rating-stars .star.active {
    color: #FFD15C;
}

.rating-value {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.rating-number {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    color: var(--ink);
}

.rating-label {
    font-size: 13px;
    color: var(--muted);
}

.rating-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--blue);
    text-decoration: none;
    transition: var(--transition);
}

.rating-link:hover {
    color: var(--red);
    text-decoration: underline;
}

.reviews-widget-container {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.reviews-widget-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid var(--border-soft);
    background: var(--white);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.reviews-widget-iframe {
    display: block;
    width: 100%;
    height: 600px;
    border: none;
    background: var(--white);
}

.reviews-widget-footer {
    padding: 8px 16px;
    text-align: center;
    background: var(--surface);
    border-top: 1px solid var(--border-soft);
}

.reviews-widget-link {
    display: block;
    font-size: 11px;
    color: var(--muted-light);
    text-decoration: none;
    transition: var(--transition);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 18px;
}

.reviews-widget-link:hover {
    color: var(--blue);
    text-decoration: underline;
}

@media (max-width: 992px) {
    .reviews-widget-header {
        flex-direction: column;
        align-items: stretch;
    }

    .reviews-widget-rating {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 12px 16px;
        gap: 8px 16px;
    }

    .reviews-widget-rating .rating-link {
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    .reviews-widget-section {
        padding: 40px 0;
    }

    .reviews-widget-iframe {
        height: 480px;
    }

    .reviews-widget-rating {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        width: 100%;
    }

    .reviews-widget-rating .rating-link {
        margin-left: 0;
    }

    .rating-stars .star {
        font-size: 18px;
    }

    .rating-number {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .reviews-widget-section {
        padding: 30px 0;
    }

    .reviews-widget-iframe {
        height: 400px;
    }

    .reviews-widget-wrapper {
        border-radius: 8px;
    }

    .reviews-widget-footer {
        padding: 6px 12px;
    }

    .reviews-widget-link {
        font-size: 10px;
    }

    .rating-stars .star {
        font-size: 16px;
    }

    .rating-number {
        font-size: 18px;
    }
}

.reviews-widget-wrapper {
    opacity: 0;
    transform: translateY(20px);
    animation: reviewsFadeIn 0.6s ease forwards;
}

@keyframes reviewsFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* ── КОНТАКТЫ ── */
.contact-section { padding: 40px 0; /*background: var(--surface); */}

.contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}

.contact-info-block { display: flex; flex-direction: column; gap: 10px; }

.contact-info-block .item {
display: flex;
gap: 10px;
align-items: center;
font-size: 14px;
color: var(--ink-2);
}

.contact-info-block .item .icon {
width: 34px;
height: 34px;
border-radius: 8px;
background: var(--red-light);
display: flex;
align-items: center;
justify-content: center;
color: var(--red);
font-size: 15px;
flex-shrink: 0;
}

.contact-form {
background: var(--white);
padding: 24px;
border-radius: 12px;
border: 1px solid var(--border-soft);
}

.contact-form h4 {
font-family: var(--font-display);
font-size: 17px;
font-weight: 600;
margin-bottom: 14px;
}

.form-input {
width: 100%;
padding: 10px 14px;
border: 1px solid var(--border-soft);
border-radius: 8px;
font-family: var(--font-body);
font-size: 14px;
outline: none;
transition: var(--transition);
margin-bottom: 10px;
background: var(--white);
}

.form-input:focus { border-color: var(--red); box-shadow: 0 0 0 3px rgba(212,10,42,0.08); }

/* ── FOOTER ── */
footer {
background: var(--ink);
padding: 40px 0 24px;
}

.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 30px;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(255,255,255,0.07);
}

.footer-logo {
font-family: var(--font-display);
font-size: 20px;
font-weight: 700;
color: var(--white);
letter-spacing: -1px;
margin-bottom: 10px;
display: block;
text-decoration: none;
}

.footer-logo .red { color: var(--red); }

.footer-about {
font-size: 14px;
color: rgba(255,255,255,0.4);
line-height: 1.6;
margin-bottom: 14px;
}

.footer-contact a {
display: block;
font-size: 13px;
color: rgba(255,255,255,0.6);
text-decoration: none;
margin-bottom: 5px;
transition: var(--transition);
}

.footer-contact a:hover { color: var(--white); }

.footer-col h6 {
font-family: var(--font-display);
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.2px;
color: rgba(255,255,255,0.35);
margin-bottom: 14px;
}

.footer-col a {
display: block;
font-size: 14px;
color: rgba(255,255,255,0.5);
text-decoration: none;
margin-bottom: 6px;
transition: var(--transition);
}

.footer-col a:hover { color: var(--white); }

.footer-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}

.footer-bottom p {
font-size: 11px;
color: rgba(255,255,255,0.25);
}

.footer-bottom a { color: rgba(255,255,255,0.3); text-decoration: none; }
.footer-bottom a:hover { color: rgba(255,255,255,0.6); }

.call-trigger {
cursor: pointer;
justify-content: center;
}

.mobile-menu-btn {
display: none;
flex-direction: column;
gap: 5px;
cursor: pointer;
padding: 8px;
background: none;
border: none;
}

.mobile-menu-btn span {
width: 22px;
height: 2px;
background: var(--ink);
border-radius: 2px;
display: block;
transition: var(--transition);
}

.fade-up {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-up.visible { opacity: 1; transform: translateY(0); }

.stagger > * {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.5s ease, transform 0.5s ease;
}

.stagger.visible > *:nth-child(1) { opacity: 1; transform: translateY(0); transition-delay: 0s; }
.stagger.visible > *:nth-child(2) { opacity: 1; transform: translateY(0); transition-delay: 0.08s; }
.stagger.visible > *:nth-child(3) { opacity: 1; transform: translateY(0); transition-delay: 0.16s; }
.stagger.visible > *:nth-child(4) { opacity: 1; transform: translateY(0); transition-delay: 0.24s; }
.stagger.visible > *:nth-child(5) { opacity: 1; transform: translateY(0); transition-delay: 0.32s; }
.stagger.visible > *:nth-child(6) { opacity: 1; transform: translateY(0); transition-delay: 0.4s; }
.stagger.visible > *:nth-child(7) { opacity: 1; transform: translateY(0); transition-delay: 0.48s; }
.stagger.visible > *:nth-child(8) { opacity: 1; transform: translateY(0); transition-delay: 0.56s; }

@media (max-width: 1024px) {
.catalog-grid { grid-template-columns: repeat(3, 1fr); }
.features-grid { grid-template-columns: repeat(2, 1fr); }
.hits-grid { grid-template-columns: repeat(2, 1fr); }
.footer-grid { grid-template-columns: 1fr 1fr; }
.about-grid { grid-template-columns: 1fr; }
.contact-grid { grid-template-columns: 1fr; }
.gift-banner { grid-template-columns: 1fr; text-align: center; padding: 28px 20px; }
.gift-actions { text-align: center; }
}

@media (max-width: 768px) {
.nav-links, .nav-phone { display: none; }
.mobile-menu-btn { display: flex; }
.hero h1 { font-size: 30px; }
.container { padding: 0 16px; }
nav { padding: 0 16px; height: 60px; }
.hero { padding: 80px 16px 40px; min-height: 70vh; }
.catalog-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
.catalog-item { padding: 14px 10px; }
.catalog-item h3 { font-size: 14px; }
.catalog-icon { font-size: 22px; }
.features-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
.hits-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
.hit-img { height: 100px; font-size: 28px; }
.footer-grid { grid-template-columns: 1fr; gap: 24px; }
.about-map { height: 180px; }
.hero-proof { gap: 16px; }
.proof-divider { display: none; }
.section-title { font-size: 22px; }
.gift-content h2 { font-size: 20px; }
.modal-popup { padding: 28px 20px 24px; }
.hero-actions .btn { width: 100%; justify-content: center; }
}

@media (max-width: 480px) {
.catalog-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
.catalog-item { padding: 10px 8px; border-radius: 8px; }
.catalog-item h3 { font-size: 11px; }
.catalog-item p { font-size: 10px; }
.features-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
.feature-card { padding: 14px 10px; }
.feature-card .icon { font-size: 20px; }
.hits-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
.hit-info { padding: 10px; }
.hit-price { font-size: 15px; }
.hit-img { height: 80px; font-size: 24px; }
.gift-banner { padding: 20px 14px; border-radius: 10px; }
.gift-content h2 { font-size: 17px; }
.modal-popup { padding: 24px 16px 20px; }
.modal-popup h2 { font-size: 18px; }
}

.error-404-wrap {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 40px 80px;
    min-height: 60vh;
}

.error-404-inner {
    text-align: center;
    max-width: 640px;
}

/* ── 404 ЦИФРЫ ── */
.error-404-number {
    font-family: var(--font-display);
    font-size: clamp(120px, 20vw, 200px);
    font-weight: 700;
    line-height: 1;
    color: var(--red);
    letter-spacing: -8px;
    user-select: none;
    position: relative;
}

.error-404-number .zero {
    display: inline-block;
    position: relative;
    animation: float 3s ease-in-out infinite;
}

.error-404-number .zero-2 {
    animation-delay: 0.4s;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}

/* ── ЗАГОЛОВОК ── */
.error-404-title {
    font-family: var(--font-display);
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 700;
    letter-spacing: -1px;
    color: var(--ink);
    margin: 16px 0 12px;
}

.error-404-title .highlight {
    color: var(--red);
}

/* ── ТЕКСТ ── */
.error-404-text {
    font-size: 16px;
    color: var(--muted);
    line-height: 1.7;
    max-width: 480px;
    margin: 0 auto 32px;
}

.error-404-text strong {
    color: var(--ink-2);
    font-weight: 500;
}

/* ── КНОПКИ ── */
.error-404-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.error-404-actions .btn-404 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-body);
    font-weight: 500;
    font-size: 14px;
    padding: 12px 28px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    transition: var(--transition);
    text-decoration: none;
    letter-spacing: -0.2px;
    white-space: nowrap;
}

.error-404-actions .btn-404-primary {
    background: var(--red);
    color: var(--white);
}

.error-404-actions .btn-404-primary:hover {
    background: var(--red-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(212,10,42,0.3);
}

.error-404-actions .btn-404-outline {
    background: transparent;
    color: var(--red);
    border: 1.5px solid var(--red);
}

.error-404-actions .btn-404-outline:hover {
    background: var(--red-light);
    transform: translateY(-2px);
}

/* ── ПОИСК ── */
.error-404-search {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid var(--border-soft);
}

.error-404-search .label {
    font-size: 13px;
    color: var(--muted);
    margin-bottom: 12px;
    display: block;
}

.error-404-search form {
    display: flex;
    gap: 10px;
    max-width: 440px;
    margin: 0 auto;
}

.error-404-search input {
    flex: 1;
    padding: 10px 16px;
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    font-family: var(--font-body);
    font-size: 14px;
    outline: none;
    transition: var(--transition);
    background: var(--surface);
}

.error-404-search input:focus {
    border-color: var(--red);
    background: var(--white);
    box-shadow: 0 0 0 3px rgba(212,10,42,0.08);
}

.error-404-search .btn-search {
    padding: 10px 24px;
    background: var(--ink);
    color: var(--white);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: var(--transition);
    font-family: var(--font-body);
    font-weight: 500;
    font-size: 14px;
}

.error-404-search .btn-search:hover {
    background: var(--red);
}

/* ── ССЫЛКИ-ПОМОЩНИКИ ── */
.error-404-links {
    margin-top: 28px;
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.error-404-links a {
    font-size: 13px;
    color: var(--muted);
    text-decoration: none;
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.error-404-links a:hover {
    color: var(--red);
}

.error-404-links .dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--muted-light);
}

.container-section-wrap {
    padding: 20px 0 60px;
}

/* ─── ХЛЕБНЫЕ КРОШКИ ─── */
.container-breadcrumbs {
    margin-bottom: 24px;
}

.container-breadcrumbs .breadcrumb {
    font-size: 13px;
    color: var(--muted);
    background: transparent;
    padding: 0;
}

.container-breadcrumbs .breadcrumb a {
    color: var(--muted);
    text-decoration: none;
    transition: var(--transition);
}

.container-breadcrumbs .breadcrumb a:hover {
    color: var(--red);
}

.container-breadcrumbs .breadcrumb .active {
    color: var(--ink-2);
}

@media (max-width: 768px) {
    .error-404-wrap {
        padding: 40px 20px 60px;
        min-height: 50vh;
    }

    .error-404-number {
        font-size: 80px;
        letter-spacing: -4px;
    }

    .error-404-title {
        font-size: 22px;
    }

    .error-404-text {
        font-size: 14px;
        padding: 0 8px;
    }

    .error-404-actions {
        flex-direction: column;
        align-items: center;
    }

    .error-404-actions .btn-404 {
        width: 100%;
        justify-content: center;
        padding: 10px 20px;
    }

    .error-404-search form {
        flex-direction: column;
    }

    .error-404-search .btn-search {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .error-404-number {
        font-size: 60px;
        letter-spacing: -2px;
    }

    .error-404-title {
        font-size: 18px;
    }

    .error-404-links {
        gap: 12px;
    }
}

.contacts-wrap {
    padding: 40px 0 60px;
}

.contacts-grid {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 50px;
    align-items: start;
}

/* ── ЛЕВАЯ КОЛОНКА: ИНФОРМАЦИЯ ── */
.contacts-info .section-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--red);
    margin-bottom: 10px;
}

.contacts-info .section-tag::before {
    content: '';
    width: 16px;
    height: 1.5px;
    background: var(--red);
    display: block;
}

.contacts-info h1 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -1.5px;
    color: var(--ink);
    margin-bottom: 8px;
}

.contacts-info .subtitle {
    font-size: 16px;
    color: var(--muted);
    margin-bottom: 32px;
    line-height: 1.6;
}

.contacts-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 20px;
    background: var(--surface);
    border-radius: 12px;
    border: 1px solid var(--border-soft);
    transition: var(--transition);
}

.contact-item:hover {
    border-color: rgba(212,10,42,0.15);
    transform: translateX(4px);
}

.contact-item .icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: var(--red-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
    color: var(--red);
}

.contact-item .info {
    flex: 1;
}

.contact-item .label {
    font-size: 12px;
    color: var(--muted-light);
    font-weight: 400;
    display: block;
}

.contact-item .value {
    font-size: 16px;
    font-weight: 500;
    color: var(--ink-2);
    text-decoration: none;
    transition: var(--transition);
}

.contact-item .value:hover {
    color: var(--red);
}

.contact-item .value.address {
    font-weight: 400;
    line-height: 1.5;
}

.contact-item .work-hours {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.contact-item .work-hours .day {
    font-weight: 400;
    color: var(--ink-2);
}

.contact-item .work-hours .time {
    color: var(--muted);
}

.contacts-right {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contacts-map {
    background: var(--surface-2);
    border-radius: 16px;
    height: 410px;
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
    /* justify-content: center; */
    border: 1px solid var(--border-soft);
    color: var(--muted);
    position: relative;
    overflow: hidden;
}

.contacts-map iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.contacts-map .map-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.contacts-map .map-placeholder .big-icon {
    font-size: 48px;
    color: var(--red);
}

.contacts-map .map-placeholder .addr {
    font-weight: 500;
    color: var(--ink);
}

.contacts-map .map-placeholder .hint {
    font-size: 13px;
    color: var(--muted);
}

.contacts-map .map-loading {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.8);
    z-index: 5;
    font-size: 14px;
    color: var(--muted);
    transition: opacity 0.5s ease;
}

.contacts-map .map-loading.hidden {
    opacity: 0;
    pointer-events: none;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.footer-col h6 {
    font-family: var(--font-display);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: rgba(255, 255, 255, 0.35);
    margin-bottom: 14px;
}

.footer-col a {
    display: block;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    margin-bottom: 8px;
    transition: var(--transition);
}

.footer-col a:hover {
    color: var(--white);
}

.footer-social {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.social-links {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    transition: var(--transition);
    text-decoration: none;
    position: relative;
}

.social-link:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
}

.social-icon {
    display: block;
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* VK */
.social-vk .social-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M21.5 6.6c.1-.4 0-.7-.6-.7h-2.1c-.5 0-.8.3-.9.6 0 0-1.1 2.6-2.6 4.2-.5.5-.7.6-1 .6-.1 0-.3-.1-.3-.6V6.6c0-.5-.2-.7-.6-.7h-3.3c-.4 0-.6.3-.6.6 0 .5.8.7.9 2.1v3.3c0 .8-.1.9-.4.9-.7 0-2.5-2.5-3.6-5.4-.2-.6-.4-.9-.9-.9H4.3c-.5 0-.7.3-.7.6 0 .6.8 3.5 3.5 7.4 1.8 2.6 4.4 4.1 6.8 4.1 1.4 0 1.6-.3 1.6-1.1v-2.5c0-.6.1-.7.5-.7.3 0 .9.2 2.1 1.6 1.2 1.3 1.4 1.9 2 1.9h2.1c.5 0 .8-.3.6-.9-.2-.5-.8-1.3-1.6-2.1-.5-.5-1.1-1.1-1.3-1.4-.3-.4-.2-.6 0-1 .1-.1 2.4-3.3 2.7-4.4z'/%3E%3C/svg%3E");
}
.social-vk:hover .social-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234C75A3'%3E%3Cpath d='M21.5 6.6c.1-.4 0-.7-.6-.7h-2.1c-.5 0-.8.3-.9.6 0 0-1.1 2.6-2.6 4.2-.5.5-.7.6-1 .6-.1 0-.3-.1-.3-.6V6.6c0-.5-.2-.7-.6-.7h-3.3c-.4 0-.6.3-.6.6 0 .5.8.7.9 2.1v3.3c0 .8-.1.9-.4.9-.7 0-2.5-2.5-3.6-5.4-.2-.6-.4-.9-.9-.9H4.3c-.5 0-.7.3-.7.6 0 .6.8 3.5 3.5 7.4 1.8 2.6 4.4 4.1 6.8 4.1 1.4 0 1.6-.3 1.6-1.1v-2.5c0-.6.1-.7.5-.7.3 0 .9.2 2.1 1.6 1.2 1.3 1.4 1.9 2 1.9h2.1c.5 0 .8-.3.6-.9-.2-.5-.8-1.3-1.6-2.1-.5-.5-1.1-1.1-1.3-1.4-.3-.4-.2-.6 0-1 .1-.1 2.4-3.3 2.7-4.4z'/%3E%3C/svg%3E");
}

/* MAX */
.social-max .social-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
}
.social-max:hover .social-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF6B00'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
}

/* AVITO */
.social-avito .social-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7.3 2.3a3.2 3.2 0 0 1 1.7-.8c1.7-.2 3.3 0 5 .1 1.4.1 2.7.3 4 .8 3 .9 5.3 3.2 6.1 6.1.4 1.4.5 2.9.4 4.4-.1 1.6-.6 3.1-1.5 4.4-1.7 2.3-4.4 3.7-7.3 3.7-1.1 0-2.2-.2-3.2-.6-1.5-.6-2.8-1.6-3.7-2.9-1.4-2-2.1-4.5-1.9-7 .2-2.5 1.3-4.7 3.2-6.2.6-.5 1.3-.8 2-.9zm4.9 11.8c1.9 0 3.5-1.6 3.5-3.5s-1.6-3.5-3.5-3.5-3.5 1.6-3.5 3.5 1.6 3.5 3.5 3.5z'/%3E%3C/svg%3E");
}
.social-avito:hover .social-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300A8FF'%3E%3Cpath d='M7.3 2.3a3.2 3.2 0 0 1 1.7-.8c1.7-.2 3.3 0 5 .1 1.4.1 2.7.3 4 .8 3 .9 5.3 3.2 6.1 6.1.4 1.4.5 2.9.4 4.4-.1 1.6-.6 3.1-1.5 4.4-1.7 2.3-4.4 3.7-7.3 3.7-1.1 0-2.2-.2-3.2-.6-1.5-.6-2.8-1.6-3.7-2.9-1.4-2-2.1-4.5-1.9-7 .2-2.5 1.3-4.7 3.2-6.2.6-.5 1.3-.8 2-.9zm4.9 11.8c1.9 0 3.5-1.6 3.5-3.5s-1.6-3.5-3.5-3.5-3.5 1.6-3.5 3.5 1.6 3.5 3.5 3.5z'/%3E%3C/svg%3E");
}

/* YANDEX */
.social-yandex .social-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 13.5H8.5v-7H11v7zm4.5-3.5c0 1.4-1.1 2.5-2.5 2.5S10.5 13.4 10.5 12s1.1-2.5 2.5-2.5 2.5 1.1 2.5 2.5z'/%3E%3C/svg%3E");
}
.social-yandex:hover .social-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFCC00'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 13.5H8.5v-7H11v7zm4.5-3.5c0 1.4-1.1 2.5-2.5 2.5S10.5 13.4 10.5 12s1.1-2.5 2.5-2.5 2.5 1.1 2.5 2.5z'/%3E%3C/svg%3E");
}

@media (max-width: 1024px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 24px;
        text-align: center;
    }
    
    .footer-col a {
        text-align: center;
    }
    
    .social-links {
        justify-content: center;
    }
    
    .footer-social {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .social-link {
        width: 32px;
        height: 32px;
    }
    
    .social-icon {
        width: 16px;
        height: 16px;
    }
}

.contacts-requisites {
    margin-top: 40px;
    padding-top: 32px;
    border-top: 2px solid var(--border-soft);
}

.requisites-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 20px;
}

.requisites-header h4 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin: 0;
}

.requisites-download {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--blue);
    text-decoration: none;
    padding: 6px 16px;
    border: 1px solid var(--blue-light);
    border-radius: 8px;
    transition: var(--transition);
}

.requisites-download:hover {
    background: var(--blue-light);
    border-color: var(--blue);
    transform: translateY(-1px);
}

/* ── ТАБЛИЦА РЕКВИЗИТОВ ── */
.requisites-table-wrap {
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid var(--border-soft);
}

.requisites-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: var(--white);
}

.requisites-table tr {
    border-bottom: 1px solid var(--border-soft);
    transition: var(--transition);
}

.requisites-table tr:last-child {
    border-bottom: none;
}

.requisites-table tr:hover {
    background: var(--surface);
}

.requisites-table td {
    padding: 10px 16px;
    line-height: 1.5;
}

.requisites-table .req-label {
    width: 200px;
    color: var(--muted);
    font-weight: 400;
    white-space: nowrap;
    background: var(--surface);
    font-size: 13px;
}

.requisites-table .req-value {
    color: var(--ink-2);
    font-weight: 500;
}

/* ── АДАПТИВНОСТЬ ── */
@media (max-width: 768px) {
    .requisites-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .requisites-table .req-label {
        width: 120px;
        font-size: 12px;
        padding: 8px 12px;
    }

    .requisites-table .req-value {
        font-size: 13px;
        padding: 8px 12px;
    }

    .requisites-stamp {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        width: 100%;
    }

    .requisites-footer {
        flex-direction: column;
        align-items: center;
    }

    .requisites-legal {
        align-items: center;
    }

}

@media print {
    .requisites-download {
        display: none !important;
    }
}

@media (max-width: 992px) {
    .contacts-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .contacts-map {
        height: 280px;
    }
}

@media (max-width: 768px) {
    .contacts-wrap {
        padding: 20px 0 40px;
    }

    .contacts-info h1 {
        font-size: 26px;
    }

    .contacts-form-block {
        padding: 20px 16px 24px;
    }

    .contacts-form-block .form-row {
        grid-template-columns: 1fr;
    }

    .contact-item {
        padding: 12px 16px;
    }

    .contact-item .value {
        font-size: 14px;
    }

    .contacts-map {
        height: 220px;
    }

    .requisites-grid {
        grid-template-columns: 1fr 1fr;
    }
	
    .scroll-top {
        bottom: 16px;
        right: 16px;
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 480px) {
    .contacts-info h1 {
        font-size: 22px;
    }

    .contact-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .contact-item .work-hours {
        justify-content: center;
    }

    .requisites-grid {
        grid-template-columns: 1fr;
    }

    .contacts-map {
        height: 180px;
    }
}
.text-red { color: var(--red); }
.text-blue { color: var(--blue); }
.bg-red-light { background: var(--red-light); }
.border-red-light { border-color: var(--red-light); }


/* ─── КНОПКА НАВЕРХ ─── */
.scroll-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 50%;
    background: var(--red);
    color: var(--white);
    cursor: pointer;
    opacity: 0;
    transform: translateY(20px);
    transition: var(--transition);
    box-shadow: 0 4px 16px rgba(212,10,42,0.3);
    z-index: 50;
}

.scroll-top.visible {
    opacity: 1;
    transform: translateY(0);
}

.scroll-top:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(212,10,42,0.4);
}
/* End */
/* /local/templates/main/fonts/fonts.css?17871296081512 */
/* /local/templates/main/css/forms.css?17870750578488 */
/* /local/templates/main/css/photobox.css?178376504411940 */
/* /local/templates/main/css/photobox.ie.css?1783765044363 */
/* /local/templates/main/js/swiper/css/swiper.min.css?178376514319778 */
/* /local/templates/main/components/bitrix/menu/bottom/style.css?1783791623626 */
/* /local/templates/main/template_styles.css?178707505947404 */
