/* Start:/local/templates/madeauto/css/style.css?1789127473225248*/
@font-face {
    font-family: 'Yandex Sans Text';
    font-style: normal;
    font-weight: 300; /* Light */
    src: url('/local/templates/madeauto/fonts/YandexSansText-Light.eot');
    src: local('Yandex Sans Text Light'), local('YandexSansText-Light'),
    url('/local/templates/madeauto/fonts/YandexSansText-Light.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/madeauto/fonts/YandexSansText-Light.woff2') format('woff2'),
    url('/local/templates/madeauto/fonts/YandexSansText-Light.woff') format('woff'),
    url('/local/templates/madeauto/fonts/YandexSansText-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Yandex Sans Text';
    font-style: normal;
    font-weight: 600;
    src: local('Yandex Sans Text Regular'),
    local('YandexSansText-Regular'),
    url('/local/templates/madeauto/fonts/YandexSansText-Regular.woff2') format('woff2'),
    url('/local/templates/madeauto/fonts/YandexSansText-Regular.woff') format('woff');
    font-display: swap;
}

body {
    height: 100%;
    width: 100%;
    font-family: Yandex Sans Text, sans-serif;
    font-size: 13px;
    color: #000;
    background-color: #fff;

}
*{
    scrollbar-width: thin;
}

*{margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;touch-action: manipulation;-webkit-tap-highlight-color: transparent;}
.popup-window *{box-sizing:content-box;}
@font-face{font-family:'Roboto';font-display:swap;src:local('Roboto Light'), local('Roboto-Light'), url('/local/templates/madeauto/fonts/Robotolight.woff2') format('woff2');font-weight:300;font-style:normal;}
@font-face{font-family:'Roboto';font-display:swap;src:local('Roboto'), local('Roboto-Regular'), url('/local/templates/madeauto/fonts/Roboto.woff2') format('woff2');font-weight:400;font-style:normal;}
@font-face{font-family:'Roboto';font-display:swap;src:local('Roboto Italic'), local('Roboto-Italic'), url('/local/templates/madeauto/fonts/Robotoitalic.woff2') format('woff2');font-weight:400;font-style:italic;}
@font-face{font-family:'Roboto';font-display:swap;src:local('Roboto Medium'), local('Roboto-Medium'), url('/local/templates/madeauto/fonts/Robotomedium.woff2') format('woff2');font-weight:500;font-style:normal;}
@font-face{font-family:'Roboto';font-display:swap;src:local('Roboto Bold'), local('Roboto-Bold'), url('/local/templates/madeauto/fonts/Robotobold.woff2') format('woff2');font-weight:700;font-style:normal;}
@font-face{font-family:'PT Sans';font-display:swap;font-style:normal;font-weight:400;src:local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/ATKpv8nLYAKUYexo8iqqrg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;}





a{text-decoration:none;border:none;outline:none;color:#000;}
html{height:100%;width:100%;}


.itemsmenu-mob {
    display: none;
}
.first-element{

}





.itemsmenu {
    vertical-align: top;
    margin: 23px 10px;
    position: absolute;
    top: 0;

}
.itemsmenu-mob{
    display:none;
}
.menu-el {
    font-weight: 900;
    font-size: 18px;
    margin: 0 12px;
    cursor: pointer;
    position: relative;
}
.mm-show{display:none;}

.itemsmenu a:nth-child(1){
    margin: 0 12px 0 0;
}

.itemsmenu-in {
    position: relative;
    z-index: 2;
}
.info-menu {
    display: none;
    position: absolute;
    width: 190px;
    right: -34px;
    top: -20px;
    background: #fefefe;
    padding: 58px 20px 20px;
    border-radius: 30px;
    z-index: 1;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .05);
}

.info-menu a {
    display: block;
    margin: 11px 0;
    font-weight: normal;
    font-size: 18px;
}
.info-menu-open .info-menu{
    display:block;
}
.mm4:after{
content:'';
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 80 80' x='0px' y='0px'%3e%3cpath d='M71,26.36a6,6,0,0,1-1.58,4.05l-25,27.29a6,6,0,0,1-8.84,0l-25-27.29a6,6,0,1,1,8.84-8.11L40,44.76,60.58,22.3A6,6,0,0,1,71,26.36Z'/%3e%3c/svg%3e");
    position: absolute;
    width: 18px;
    height: 18px;
    top: 2px;
    right: -12px;
    transition: all 0.2s ease-in;
			}

.info-menu-open .mm4:after{
    rotate: 180deg;
}

.menu-right {
    font-weight: 900;
    height: 40px;
    font-size: 17px;
    margin: 15px 10px;
    position: absolute;
    top: 0;
    right: 0;
}
.logo {
    width: 400px;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
}
header {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .0);
    height: 70px;
    user-select: none;
}

.headfix{
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .14);
    height:70px;
}

.header-in{
    height: 70px;
    margin: 0 auto;
    max-width: 1570px;
    transition: all 0.3s ease;
    position:relative;
}
.headfix .header-in{
    margin: 0 auto 0;
}

.logo-txt {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.0%22%20width%3D%221763.000000pt%22%20height%3D%22355.000000pt%22%20viewBox%3D%220%200%201763.000000%20355.000000%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%3E%0A%0A%3Cg%20transform%3D%22translate(0.000000%2C355.000000)%20scale(0.100000%2C-0.100000)%22%20fill%3D%22%23000000%22%20stroke%3D%22none%22%3E%0A%3Cpath%20d%3D%22M15860%202974%20c-151%20-23%20-248%20-52%20-364%20-109%20-319%20-157%20-501%20-447%20-535%20-855%20-36%20-429%20127%20-809%20431%20-1007%20187%20-122%20383%20-174%20650%20-174%20352%200%20609%2098%20812%20311%20122%20128%20204%20290%20248%20489%2018%2078%2022%20129%2022%20276%200%20147%20-4%20198%20-22%20276%20-95%20431%20-386%20708%20-822%20783%20-86%2015%20-346%2021%20-420%2010z%20m380%20-335%20c170%20-47%20304%20-156%20378%20-309%2068%20-138%2085%20-217%2086%20-410%201%20-183%20-11%20-265%20-55%20-373%20-105%20-261%20-309%20-397%20-594%20-399%20-118%20-1%20-200%2013%20-286%2048%20-201%2082%20-339%20270%20-379%20518%20-15%2094%20-12%20326%205%20411%2018%2083%2058%20189%20100%20261%2068%20115%20210%20218%20355%20255%2098%2026%20294%2025%20390%20-2z%22%2F%3E%0A%3Cpath%20d%3D%22M10792%202218%20c3%20-720%204%20-734%2026%20-813%2075%20-274%20263%20-456%20549%20-531%2072%20-19%20270%20-44%20346%20-44%20100%200%20297%2028%20393%2056%20239%2069%20412%20224%20493%20439%2053%20142%2054%20148%2058%20913%20l4%20712%20-203%20-2%20-203%20-3%20-5%20-700%20-5%20-700%20-27%20-73%20c-76%20-210%20-210%20-303%20-458%20-318%20-242%20-15%20-421%2075%20-507%20253%20-59%20123%20-63%20173%20-63%20901%20l0%20642%20-200%200%20-201%200%203%20-732z%22%2F%3E%0A%3Cpath%20d%3D%22M12980%202795%20l0%20-155%20360%200%20360%200%202%20-882%203%20-883%20200%200%20200%200%203%20882%202%20883%20358%202%20357%203%200%20150%200%20150%20-922%203%20-923%202%200%20-155z%22%2F%3E%0A%3Cpath%20d%3D%22M738%201917%20c-2%20-558%20-2%20-1021%200%20-1030%203%20-15%2024%20-17%20202%20-17%20176%200%20199%202%20204%2017%204%209%206%20280%206%20602%20-1%20363%202%20587%208%20589%205%201%2021%20-16%2035%20-40%2037%20-63%20306%20-554%20432%20-786%20l50%20-92%20101%200%20c69%200%20105%204%20112%2012%205%207%2067%20121%20137%20253%2070%20132%20131%20245%20135%20250%204%206%2039%2071%2077%20145%2039%2074%2088%20169%20110%20210%2022%2041%2089%20167%20148%20280%2059%20113%20136%20257%20170%20320%2077%20143%20145%20278%20145%20291%200%2015%20-325%2012%20-338%20-4%20-12%20-14%20-152%20-265%20-152%20-272%200%20-2%20-15%20-30%20-34%20-62%20-18%20-32%20-55%20-98%20-81%20-148%20-45%20-84%20-142%20-264%20-205%20-380%20-15%20-27%20-64%20-119%20-110%20-202%20-55%20-102%20-88%20-153%20-99%20-153%20-10%200%20-31%2028%20-56%2075%20-60%20111%20-181%20328%20-240%20430%20-29%2050%20-63%20110%20-77%20135%20-32%2057%20-179%20318%20-243%20430%20-26%2047%20-59%20102%20-72%20123%20l-23%2037%20-170%200%20-170%200%20-2%20-1013z%22%2F%3E%0A%3Cpath%20d%3D%22M3851%202911%20c-11%20-20%20-56%20-129%20-296%20-726%20-154%20-381%20-274%20-678%20-294%20-725%20-28%20-68%20-231%20-581%20-231%20-585%200%20-3%2096%20-4%20212%20-3%20l213%203%2066%20195%20c36%20107%2076%20218%2088%20245%2013%2028%2040%2097%2061%20155%2057%20155%20125%20332%20244%20635%2059%20149%20113%20286%20120%20305%2024%2062%2040%2050%2079%20-62%2019%20-57%2079%20-220%20132%20-363%20148%20-396%20225%20-603%20250%20-675%2013%20-36%2033%20-90%2045%20-120%2011%20-30%2030%20-80%2040%20-110%2011%20-30%2033%20-89%2049%20-130%20l28%20-75%20217%20-3%20c176%20-2%20216%200%20216%2011%200%208%20-37%20103%20-81%20213%20-45%20109%20-92%20226%20-104%20259%20-13%2033%20-42%20105%20-65%20160%20-23%2055%20-52%20127%20-64%20160%20-36%2094%20-141%20355%20-211%20525%20-35%2085%20-104%20256%20-154%20380%20-49%20124%20-101%20252%20-114%20285%20l-25%2060%20-206%203%20c-194%202%20-206%201%20-215%20-17z%22%2F%3E%0A%3Cpath%20d%3D%22M5315%202918%20c-3%20-7%20-4%20-470%20-3%20-1028%20l3%20-1015%20475%20-3%20c511%20-3%20603%202%20746%2043%20309%2089%20547%20297%20649%20569%2051%20135%2069%20240%2069%20401%200%20261%20-64%20465%20-202%20650%20-144%20193%20-354%20317%20-627%20371%20-111%2023%20-1102%2033%20-1110%2012z%20m995%20-409%20c191%20-31%20355%20-149%20435%20-313%2053%20-108%2068%20-182%2068%20-321%200%20-102%20-5%20-133%20-27%20-202%20-50%20-154%20-159%20-286%20-296%20-357%20-134%20-69%20-145%20-71%20-455%20-71%20l-280%200%20-3%20625%20c-1%20344%200%20631%203%20638%206%2015%20458%2017%20555%201z%22%2F%3E%0A%3Cpath%20d%3D%22M7460%202735%20l0%20-195%20649%200%20648%200%2082%20188%20c45%20103%2081%20190%2081%20195%200%204%20-328%207%20-730%207%20l-730%200%200%20-195z%22%2F%3E%0A%3Cpath%20d%3D%22M9331%202908%20c-43%20-109%20-536%20-1340%20-546%20-1363%20-7%20-16%20-65%20-163%20-130%20-325%20-64%20-162%20-123%20-307%20-130%20-322%20-7%20-15%20-10%20-29%20-7%20-32%203%20-3%2096%20-6%20207%20-6%20159%200%20205%203%20214%2014%206%207%2029%2062%2050%20122%2022%2060%2070%20190%20106%20289%2066%20178%2094%20254%20173%20470%20243%20667%20259%20708%20272%20700%205%20-3%2025%20-49%2045%20-103%2020%20-53%2043%20-113%2050%20-132%208%20-19%2059%20-156%20115%20-305%2056%20-148%20105%20-279%20110%20-290%2034%20-85%20200%20-527%20245%20-650%2019%20-54%2041%20-103%2048%20-107%2017%20-11%20427%20-10%20427%201%200%205%20-36%2098%20-79%20207%20-44%20110%20-140%20352%20-214%20539%20-74%20187%20-196%20493%20-270%20680%20-74%20187%20-161%20406%20-193%20488%20l-58%20147%20-213%200%20c-212%200%20-214%200%20-222%20-22z%22%2F%3E%0A%3Cpath%20d%3D%22M2744%202503%20c-37%20-71%20-77%20-146%20-89%20-168%20-12%20-22%20-57%20-107%20-100%20-190%20-43%20-82%20-93%20-178%20-111%20-212%20l-34%20-62%200%20-501%200%20-500%20205%200%20205%200%200%20880%20c0%20484%20-2%20880%20-4%20880%20-2%200%20-35%20-57%20-72%20-127z%22%2F%3E%0A%3Cpath%20d%3D%22M7460%201900%20l0%20-180%20489%200%20489%200%2025%2063%20c15%2034%2047%20111%2072%20172%2025%2060%2045%20113%2045%20117%200%205%20-252%208%20-560%208%20l-560%200%200%20-180z%22%2F%3E%0A%3Cpath%20d%3D%22M7482%201053%20l3%20-188%20312%20-3%20c302%20-2%20312%20-2%20323%2017%206%2011%2034%2089%2064%20173%2030%2084%2057%20161%2061%20171%207%2016%20-15%2017%20-379%2017%20l-386%200%202%20-187z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    background-image: url(/local/templates/madeauto/img/logo3.png);
    width: 240px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0px 10px;
}

.lastm {
    background: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 19px;
    display: inline-block;
    vertical-align: top;
}



.mm{
    margin: 0 40px 0 10px;
}

.mm:after{
    content:'';
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20100%20100%22%20x%3D%220px%22%20y%3D%220px%22%3E%3Cg%3E%3Crect%20x%3D%2222%22%20y%3D%2226%22%20width%3D%2256%22%20height%3D%228%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2246%22%20width%3D%2240%22%20height%3D%228%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2266%22%20width%3D%2224%22%20height%3D%228%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    position: absolute;
    width: 25px;
    height: 25px;
    top: -1px;
    right: -28px;
    transition: all 0.2s ease-in;
}


.first-element {
    position: relative;
    text-align: center;
    width: 100%;
    height: calc(100% - 70px);
    display: table;
    align-items: center;
    min-height: 560px;
    top: 70px;
}

.feee {
    background-image: var(--bg-360);
    width: 80%;
    height: 65%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    max-height: calc(100% - 240px);
}


@media (min-width: 481px) {
	.feee {
		background-image: var(--bg-640);
	}
}

@media (min-width: 769px) {
	.feee {
		background-image: var(--bg-960);
	}
}

@media (min-width: 1025px) {
	.feee {
		background-image: var(--bg-1280);
	}
}

@media (min-width: 1441px) {
	.feee {
		background-image: var(--bg-1800);
	}
}

.first-txt {
    margin: 9% auto 0;
    text-align: center;
    width: 100%;
	padding:0 10px;
}

h1{
    font-size: 64px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

h2 {
    font-size: 70px;
    margin: 100px 0 30px;
    color: #1d1d1f;
}
.h2-long {
    font-size: 60px;
    max-width: 800px;
    line-height: 1;
}

.first-txt p {
    font-size: 30px;
    background: -webkit-linear-gradient(#c1c1c1, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fe-ar {
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3Bfill%3A%20%23fff%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M261.7%2C389.6l50.5-54.3c2.8-3%2C2.7-7.8-0.4-10.6l0%2C0c-3-2.8-7.8-2.7-10.6%2C0.4l-37.7%2C40.6V127.4c0-4.1-3.4-7.5-7.5-7.5%20%20c-4.1%2C0-7.5%2C3.4-7.5%2C7.5v238.2L210.8%2C325c-2.8-3-7.6-3.2-10.6-0.4h0c-3%2C2.8-3.2%2C7.6-0.4%2C10.6l50.5%2C54.3%20%20C253.4%2C392.9%2C258.6%2C392.9%2C261.7%2C389.6z%22%2F%3E%3C%2Fsvg%3E);
    width: 45px;
    height: 45px;
    background-size: 31px;
    background-position: center;
    background-color: #000;
    border-radius: 50%;
    margin: 0 auto 0;
    cursor: pointer;
    position: absolute;
    left: calc(50% + 35px);
    bottom: 50px;
}

.felin {
    height: 100%;
    width: 100%;
    max-width: 1570px;
    margin: 0 auto;
    display: table;
    position: relative;
}



.fe-price {
    height: 70px;
    display: inline-block;
    pointer-events: auto;
    border-radius: 40px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    background: #efefed;
    color: #000;
    cursor: pointer;
    width: 440px;
    transition: width 0.2s linear, background 0.2s linear;
}

.fe {
    margin: 12px 0 0 55px;
    transition: all 0.05s linear;
    visibility: visible;
}

.fe-price span {
    display: block;
}


.price-go {
    background-color: #000;
    border-radius: 40px;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 60px;
    color: #fff;
    line-height: 60px;
    padding: 0 20px;
    font-size: 16px;
    text-align: center;
    transition: width 0.2s linear, padding 0.2s linear;
    width: 230px;
}

.price-go:after{
content:'';
background-size: 22px;
position: absolute;
background-color: #000;
width: 36px;
height: 36px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: 50%;
opacity:0;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22ws-fab-svg%22%20style%3D%22%26%2310%3B%20%20%20%20color%3A%20%23fff%3B%26%2310%3B%22%3E%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M4%2014v-3a8%208%200%201%201%2016%200v3%22%2F%3E%3Cpath%20d%3D%22M18%2019c0%201.657%20-2.686%203%20-6%203%22%2F%3E%3Cpath%20d%3D%22M4%2014a2%202%200%200%201%202%20-2h1a2%202%200%200%201%202%202v3a2%202%200%200%201%20-2%202h-1a2%202%200%200%201%20-2%20-2v-3%22%2F%3E%3Cpath%20d%3D%22M15%2014a2%202%200%200%201%202%20-2h1a2%202%200%200%201%202%202v3a2%202%200%200%201%20-2%202h-1a2%202%200%200%201%20-2%20-2v-3%22%2F%3E%3C%2Fsvg%3E");
}



.price-block {
    position: fixed;
    bottom: 3%;
    width: 100%;
    transition: padding 0.2s linear 0.2s, width 0.2s linear, opacity 0.15s ease-in, width 0.2s linear, left 0.2s linear;
    max-width: 1570px;
    z-index:10;
    font-size: 0;
    pointer-events: none;
}


.blockfix .price-go {
    backdrop-filter: blur(1px) !important;
    background-color: rgb(255 255 255 / 70%) !important;
    color: #000;
    width: 270px;
    padding: 0 50px 0 20px;
}

.blockfix .fe-price {
    width: 270px;
    background: #00000000;
}

.blockfix  .price-go:after{
    opacity:1;
    top: 12px;
    right: 12px;
}

.blockfix .fe{
    visibility: hidden;
}


.page {
    background-color: #fff;
    margin: 140px 0 0 0;
    position: relative;
    display: table;
    width: 100%;
    overflow: hidden;
}
.content {
    max-width: 1260px;
    margin: 140px auto;
}


.page-min {
    background-color: #fff;
    margin: 0 0 0 0;
    position: relative;
    display: table;
    width: 100%;
    overflow: hidden;
}

.page-min .content {
    max-width: 1260px;
    margin: 60px auto;
}


.content-max{
    max-width: 1960px;
    margin: 60px auto;
    padding: 0 40px;
}

/* слайд */



.infinity-main {
    height: 310px;
    margin: 40px 0;
}


.scroll-pc-block {
    position: absolute;
    width: 100%;
    left: 0;
    overflow: hidden;
}

.infinity-in {
    max-width: 11720px;
    margin: 0 auto;
    padding: 0 20px 0 10%;
    text-align: center;
}

.scroll-pc-in {
    cursor: grab;
    padding-bottom: 20px;
    margin-bottom: -20px;
    -webkit-overflow-scrolling: touch;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: scroll;
}

.ob-block {
    width: 300px;
    height: 300px;
    position: relative;
    vertical-align: top;
    letter-spacing: normal;
    border-radius: 30px;
    overflow: hidden;
    margin: 0 15px 15px 0;
    transition: opacity .15s linear 0;
    display: inline-block;
    text-align: left;
    white-space: normal;
}





.zag-slide {
    font-size: 32px;
    margin: 40px 40px 10px;
    font-weight: bold;
    text-align: center;
}

.txt-slide {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.5;
    text-align: center;
}

.type1.infinity-main {
    height: 680px;
}

.type1 .ob-block{
    width: 1260px;
    height: 680px;
}

.type2.infinity-main {
    height: 860px;
}

.type2 .ob-block{
    width: 680px;
    height: 860px;
}

.pt-next a{
    height: 680px;
}

.type3.infinity-main {
    height: 900px;
}

.type3 .ob-block{
    width: 680px;
    height: 900px;
}

.type-main.infinity-main {
    margin: 40px 0;
    height:490px;
}



.type-main .ob-block {
    width: 360px;
    height: 490px;
    padding: 30px;
    background: #fff;
}
.type-main .ob-block img {
    max-width: 100%;
    object-fit: contain;
    position: absolute;
    bottom: 0;
}




/* старый слайд */


.preslider{
    margin:0 0 0 -200px;
}

.slider {
    width: 100%;
    overflow: visible;
    margin: 80px 0;

}
.slide img{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.slide .min-img {
    width: 80%;
    position: absolute;
    right: 10%;
    bottom: 7%;
}


.type2 img, .type3 img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.slider-track {
    display: flex;
    transition: transform 0.3s ease;
    will-change: transform;
}

.slide {
width: 1260px;
    margin-right: 20px;
    height: 680px;
    background: #fff;
    border-radius: 30px;
    flex-shrink: 0;
    user-select: none;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 70%;
    background-size: 80%;
}











/* faq */


.faq {
    font-size: 18px;
}

.faq-item {
    background: #f5f5f7;
    margin: 0 0 20px 0;
    border-radius: 30px;
}

.faq-item input {
    display: none;
}

.faq-question {
    display: block;
    padding: 30px 60px 30px 30px;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    transition: background 0.3s;
    user-select: none;
}

.faq-question::after {
    content: "+";
    position: absolute;
    right: 30px;
    font-size: 30px;
    transition: transform 0.3s;
    top: 23px;
    font-family: auto;
}

.faq-item input:checked + .faq-question::after {
    transform: rotate(45deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 70px 0 30px;
    color: #575757;
    line-height: 1.5;
}

.faq-item input:checked ~ .faq-answer {
    padding: 0 30px 30px 30px;
    max-height: 500px;
}



/* страница портфолио */

.portfolio-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    padding: 0 40px;
    height: 360px;
    max-width: 1260px;
    margin: 70px auto;
}
.portfolio.infinity-main {
    height: 145px;
}

.portfolio.infinity-main {
    height: 145px;
}

.marka{
display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 120px;
    height: 120px;
    padding-bottom: 6px;
    box-sizing: border-box;
    text-align: center;
    background-size: 60%;
    background-position: 50% 20%;
    background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3Bfill%3A%20%23eee%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M88.8%2C33.6c-2.1-5-5.2-9.5-9-13.4c-3.9-3.9-8.4-6.9-13.4-9C61.2%2C9%2C55.7%2C7.8%2C50%2C7.8S38.8%2C9%2C33.6%2C11.2c-5%2C2.1-9.5%2C5.2-13.4%2C9%20%20c-3.9%2C3.9-6.9%2C8.4-9%2C13.4C9%2C38.8%2C7.8%2C44.3%2C7.8%2C50S9%2C61.2%2C11.2%2C66.4c2.1%2C5%2C5.2%2C9.5%2C9%2C13.4c3.9%2C3.9%2C8.4%2C6.9%2C13.4%2C9%20%20c5.2%2C2.2%2C10.7%2C3.3%2C16.4%2C3.3s11.2-1.1%2C16.4-3.3c5-2.1%2C9.5-5.2%2C13.4-9c3.9-3.9%2C6.9-8.4%2C9-13.4c2.2-5.2%2C3.3-10.7%2C3.3-16.4%20%20S91%2C38.8%2C88.8%2C33.6z%22%2F%3E%3C%2Fsvg%3E");
}


.portfolio .ob-block {
    width: 120px;
    height: 120px;
    margin: 15px 15px 15px 0;
}

.portfolio .scroll-pc-block {
    background: #f8f8f8;
}


.i_bmw a{
    background-image:url('/local/templates/madeauto/img/logo/bmw.png');
}

.i_mb a{
    background-image:url('/local/templates/madeauto/img/logo/mercedes-benz.png');
}

.i_porsche a{
    background-image:url('/local/templates/madeauto/img/logo/porsche.png');
}

.i_lixiang a{
    background-image:url('/local/templates/madeauto/img/logo/lixiang.png');
}

.i_audi a{
    background-image:url('/local/templates/madeauto/img/logo/audi.png');
}

.i_zeekr a{
    background-image:url('/local/templates/madeauto/img/logo/zeekr.png');
}

.i_skoda a{
    background-image:url('/local/templates/madeauto/img/logo/skoda.png');
}

.i_toyota a{
    background-image:url('/local/templates/madeauto/img/logo/toyota.png');
}

.i_genesis a{
    background-image:url('/local/templates/madeauto/img/logo/genesis.png');
}

.i_tesla a{
    background-image:url('/local/templates/madeauto/img/logo/tesla.png');
}

.i_ford a{
    background-image:url('/local/templates/madeauto/img/logo/ford.png');
}

.i_chevrolet a{
    background-image:url('/local/templates/madeauto/img/logo/chevrolet.png');
}

.i_bentley a{
    background-image:url('/local/templates/madeauto/img/logo/bentley.png');
}

.i_dodge a{
    background-image:url('/local/templates/madeauto/img/logo/dodge.png');
}

.i_jaguar a{
    background-image:url('/local/templates/madeauto/img/logo/jaguar.png');
}

.i_jeep a{
    background-image:url('/local/templates/madeauto/img/logo/jeep.png');
}

.i_land_rover a{
    background-image:url('/local/templates/madeauto/img/logo/land-rover.png');
}

.i_lexus a{
    background-image:url('/local/templates/madeauto/img/logo/lexus.png');
}

.i_maserati a{
    background-image:url('/local/templates/madeauto/img/logo/maserati.png');
}

.i_mini a{
    background-image:url('/local/templates/madeauto/img/logo/mini.png');
}

.i_subaru a{
    background-image:url('/local/templates/madeauto/img/logo/subaru.png');
}

.i_tank a{
    background-image:url('/local/templates/madeauto/img/logo/tank.png');
}

.i_infiniti a{
    background-image:url('/local/templates/madeauto/img/logo/infiniti.png');
}

.i_kia a{
    background-image:url('/local/templates/madeauto/img/logo/kia.png');
}

.i_nissan a{
    background-image:url('/local/templates/madeauto/img/logo/nissan.png');
}

.i_volvo a{
    background-image:url('/local/templates/madeauto/img/logo/volvo.png');
}

.i_alfa_romeo a{
    background-image:url('/local/templates/madeauto/img/logo/alfa-romeo.png');
}

.i_cadillac a{
    background-image:url('/local/templates/madeauto/img/logo/cadillac.png');
}

.i_lamborghini a{
    background-image:url('/local/templates/madeauto/img/logo/lamborghini.png');
}

.i_xiaomi a{
    background-image:url('/local/templates/madeauto/img/logo/xiaomi.png');
}

.pt-top{
    background: #f7f7f7;
}

.nobg{
    background: none;
}

.pt-in {
    max-width: 1260px;
    padding: 220px 0 30px;
    margin: 0 auto;
    text-align: center;
}

.pt .ob-block {
    height: 100px;
    width: 290px;
}

.pt .infinity-in{
    padding: 0 20px 0 20px;
}

.pt.infinity-main {
    height: 100px;
    margin: 40px 0 10px;
}

.rt-choice {
    height: 50px;
    position: relative;
    background-color: #f2f2f2;
    border-radius: 30px;
    overflow: hidden;
    max-width: 450px;
    width: 100%;
    user-select: none;
    margin: 40px auto 10px;
}

.rt1, .rt2 {
    position: absolute;
    bottom: 0;
    opacity: 1;
    z-index: 1;
    color: #000;
    border-radius: 22px;
    width: 50%;
    height: 50px;
    font-size: 15px;
    line-height: 50px;
    transition: opacity 0.15s linear 0s, bottom 0.3s ease-in 0.3s,color 0.15s linear 0s;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}

.rt-choice:after {
    content: '';
    position: absolute;
    background: #fff;
    height: 42px;
    width: 49.8%;
    left: 0.5%;
    top: 2px;
    margin: 2px;
    border-radius: 30px;
    transition: left 0.2s, opacity 0.2s linear 0.1s;
    opacity: 1;
}


.ctch .rt-choice:after {
    left: 49%;
}


.rt1 {
    left: 0;
}

.rt2 {
    right: 0;
}

.gato1{
    display:block;
}

.gato2{
    display:none;
}

.ctch  .gato1{
    display:none;
}

.ctch .gato2{
    display:block;
}

.brand-el {
    border-radius: 30px;
    position: relative;
    padding: 30px;
    background: #fff;
    cursor: pointer;
}
.b-name {
    font-weight: bold;
    font-size: 16px;
}
.b-name a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 2;
}
.b-num {
    margin: 24px 0 0;
    color: #777;
    font-size: 13px;
}
.bei {
    position: absolute;
    top: 20px;
    right: 20px;
}
.bei img {
    width: 60px;
}

.b-big .bei img {
    width: 100px;
}

.pt .b-big .ob-block {
    height: 100px;
    width: 350px;
}


.cat-uslug .brand-el{
    padding: 0;
}

.cat-uslug .b-name a{
    position:relative;
}

.cat-uslug .b-num{
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.cat-uslug .ob-block {
    width: auto!important;
    min-width: 220px;
}

.pt-cat {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}


.pt-cat .ob-block {
    width: 100%;
    height: auto;
    cursor: pointer;
    margin:0;
}




.etap-tt {
    position: absolute;
    padding: 30px;
    background: linear-gradient(to bottom, #000000 0%, rgba(32, 32, 48, 0.85) 35%, rgba(32, 32, 48, 0.7) 45%, rgba(32, 32, 48, 0) 70%);
    width: 100%;
    height: 35%;
    top: 0;
    color: #fff;
}

.etap-zag {
    font-size: 32px;
    pointer-events: all;
}


.etap-zag a {
    color: inherit;
    text-decoration: none;
}

.etap-us {
    margin: 10px -30px;
    cursor: grab;
    padding-bottom: 20px;
    margin-bottom: -20px;
    -webkit-overflow-scrolling: touch;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;

    --fade-size: 30px;

    -webkit-mask-image: linear-gradient(
            to right,
            transparent 0,
            #000 var(--fade-size),
            #000 calc(100% - var(--fade-size)),
            transparent 100%
    );
    mask-image: linear-gradient(
            to right,
            transparent 0,
            #000 var(--fade-size),
            #000 calc(100% - var(--fade-size)),
            transparent 100%
    );
}

.etap-us-in {
    display: block;
    padding: 0 20px 0 30px;
    height: 40px;
}

.etap-us a {
    font-size: 15px;
    padding: 8px 12px;
    border-radius: 20px;
    display: inline-block;
    margin: 0 10px 0 0;
    color: #000;
    background: #fff;
}



.etap-port img{
    width:100%;
	display:block;
}


.backurl {
    padding: 0 30px 0 38px;
    font-size: 15px;
    height: 46px;
    line-height: 45px;
    display: inline-block;
    background-size: 24px;
    border: 1px solid #d8d8d8;
    border-radius: 40px;
    background-position: 5px 50%;
    position: absolute;
    margin: -60px 0 0 0;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 22 22' version='1.1' x='0px' y='0px' style='&%2310; fill: %23000;&%2310;'%3e%3cg stroke='none' stroke-width='1' fill-rule='evenodd'%3e%3cpath d='M8.41421356,11 L15.7071068,3.70710678 C16.0976311,3.31658249 16.0976311,2.68341751 15.7071068,2.29289322 C15.3165825,1.90236893 14.6834175,1.90236893 14.2928932,2.29289322 L6.29289322,10.2928932 C5.90236893,10.6834175 5.90236893,11.3165825 6.29289322,11.7071068 L14.2928932,19.7071068 C14.6834175,20.0976311 15.3165825,20.0976311 15.7071068,19.7071068 C16.0976311,19.3165825 16.0976311,18.6834175 15.7071068,18.2928932 L8.41421356,11 Z' fill-rule='nonzero'/%3e%3c/g%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 18px;
background-position: 10px 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.publ .backurl {
    transform: none;
}

.pt-opis {
    grid-column: 1 / -1;
    max-width: 800px;
    padding: 0 40px;
    margin: 20px auto;
    text-align: center;
}

.also {
    margin: 40px 0 120px;
}

.also-in {
    max-width: 980px;
    padding: 36px 32px;
    border-radius: 30px;
    background: #f5f5f7;
}
.also-t {
    margin: 12px 0;
    font-size: 50px;
    line-height: 1.15;
    font-weight: 600;
    color: #1d1d1f;
    letter-spacing: -0.02em;
}

.also-tx {
    max-width: 720px;
    margin: 0;
    font-size: 17px;
    line-height: 1.65;
    color: #6e6e73;
}

.also-b {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.also-a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 999px;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    transition: none;
    background: #000;
    color: #fff;
    cursor: pointer;
}


.also-l {
    background: #fff;
    color: #1d1d1f;
    border: 1px solid #dcdce1;
}

.vibor-type {
    font-size: 15px;
    background: #f2f2f2;
    margin: 40px auto 10px;
    display: table;
    padding: 11px 20px;
    border-radius: 30px;
}

.gallery {
    margin: 0 0 80px;
}

.gallery-in {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 60px -200px 40px;
}

.img-block {
    width: auto;
    border: none;
    position: relative;
    overflow: hidden;
    transition: opacity 0.5s ease-in, translate 1.5s cubic-bezier(0.22,1,0.36,1);
    transition-delay: 0.3s;
}

.img-block img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    cursor: pointer;
    display: block;
}

.img-block a {
    display: block;
    width: 100%;
    height: 100%;
}

.publ h1{
    font-size: 60px;
    text-transform: none;
    letter-spacing: normal;
}

.publ h2 {
    font-size: 50px;
    margin: 60px 0 20px;
    color: #1d1d1f;
}

.publ h3 {
    font-size: 30px;
    margin: 60px 0 20px;
    color: #1d1d1f;
}

.prc {
    margin: 24px 0 0;
}

.prc-in {
    padding: 50px 32px 30px;
    border-radius: 30px;
    background: #f5f5f7;
    max-width: 980px;
}

.prc-v {
    margin: 0 0 8px;
    font-size: 50px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #1d1d1f;
}

.prc-tx {
    margin: 0 0 4px;
    font-size: 15px;
    line-height: 1.6;
    color: #3a3a3c;
}

.prc-n {
    margin: 0;
    font-size: 14px !important;
    line-height: 1.5;
    color: #8e8e93;
}

.date {
    background: #f5f5f7;
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 0 0;
    border-radius: 20px;
    font-size: 14px;
    color: #333;
}





/* о нас */

.img-one {
    text-align: center;
    margin: 40px -75px;
}
.img-one img {
    width: 100%;
}
.img-two {
    margin: 40px -75px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.img-two-block img {
    display: block;
    max-width: max-content;
    margin: 0 auto;
    width: 100%;
}
.img-three {
    margin: 40px -75px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.img-three-block img {
    display: block;
    max-width: max-content;
    margin: 0 auto;
    width: 100%;
}




/* заявка */

.zay {
    position: relative;
    overflow: hidden;
}

.zay img {
    height: auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0;
    position: absolute;
    top: 0;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.z-order {
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding: 95px;
    background-color: #252525d1;
}
.reversed {
    max-width: 1260px;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    text-align: right;
}

.form-title {
    max-width: 660px;
    color: #fff;
    font-size: 62px;
    font-weight: bold;
}

.form-txt{
    color: #fff;
    font-size: 17px;
    max-width: 420px;
    margin: 20px 0;
    font-weight: bold;
}

.f_in{
    max-width: 420px;
}

.inputz {
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding: 16px 10px;
    transition: .3s ease-out;
    width: 100%;
    outline: none;
    margin: 10px 0;
    border-radius: 10px;
    background-color: #fdfdfd45;
}

.inputz::placeholder {
    color: #cbcbcb;
    font-weight:normal;
}

.policy {
    max-width: 480px;
    display: block;
}

.policy_text {
    color: #fff;
    font-size: 17px;
    line-height: 1.3;
}

.policy a {
    color: #fff;
    text-decoration: underline;
}

.btn-go{
    border: 1px solid #fff;
    width: 100%;
    align-items: center;
    background-color: transparent;
    border-radius: 5rem;
    color: #fff;
    font-size: 17px;
    padding: 20px;
    transition: .3s ease-out;
    margin: 20px 0;
}
.zoi {
    display: flex;
    justify-content: flex-end;
    max-width: 1260px;
    margin: 0 auto;
}


/* footer */




footer {
    background: #fff;
}


.mb1 {
    position: relative;
    padding-bottom: 8px;
    font-size: 18px;
    margin-bottom: 22px;
    font-weight: bold;
}

.mb1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #000;
}

.mb2 {
    font-size: 14px;
    font-weight: 600;
    margin: 22px 0 8px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.f-menu ul{
    list-style:none;
    padding:0;
    margin:0 0 10px;
}

.f-menu li{
    margin-bottom:6px;
}

.f-menu a{
    font-size:14px;
    color:#333;
    text-decoration:none;
    transition:0.25s;
    display:inline-block;
}

.f-menu a:hover{
    color:#444;
}

.company {
    margin: 0 auto;
    width: 200px;
    flex-shrink: 0; /* чтобы не сжимался */
}

.fin {
    margin: 0 auto;
    max-width: 1570px;
    display: flex;
    align-items: flex-start;
    padding: 100px 30px 0;
}

.f-menu {
    column-count: 4;
    column-gap: 30px;
    padding: 10px 0 0 30px;
    margin: 0 0 0 30px;
    flex: 1;
    border-left: 1px solid #f5f5f7;
}

.bus {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
}

.f-logo {
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.f-logo img {
    width: 100%;
    display: block;
}

.f-logo2{
    background: url(/local/templates/madeauto/img/logo3.png);
    width: 200px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: 50%;
    display: inline-block;
    vertical-align: top;
}




.niz {
    background: #000;
    color: #ccc;
    padding: 10px 0;
    font-size: 15px;
}
.niz-in {
    margin: 0 auto;
    max-width: 1570px;
    padding:0 20px;
}

.politika a {
    color: #ccc;
    margin: 0 10px;
    white-space: nowrap;
}

.copy {
    display: inline-block;
    margin-right: 20px;
}
.politika {
    display: inline-block;
    float: right;
}




.c-line {
    width: 200px;
}

.c-line .info {
    font-size: 14px;
    line-height: 1.5;
}

.c-line .cfm {
    width: 100%;
    padding: 20px 0 20px 30px;
    margin: 10px 0 15px;
    background: #000000;
    border-radius: 30px;
}

.cfm a {
    line-height: 1.5;
    font-size: 16px;
    display: block;
    margin: 10px 0;
    color: #fff;
}

.social {
    overflow: hidden;
    width: 200px;
}
.sc {
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 50px;
    height: 40px;
    display: inline-block;
    border-radius: 14px;
    margin: 20px 22px 0 0;
}

.sc:nth-child(3){
    margin: 10px 0 0 0;
}

.tg{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4.169%2010.457c4.563-2.116%207.606-3.512%209.129-4.186%204.347-1.925%205.25-2.26%205.839-2.27.13-.003.419.03.607.193.158.137.201.322.222.451.021.13.047.425.026.656-.235%202.636-1.255%209.031-1.773%2011.983-.22%201.249-.652%201.668-1.07%201.709-.909.089-1.6-.64-2.48-1.255-1.377-.961-2.156-1.56-3.493-2.498-1.546-1.084-.544-1.68.337-2.654.23-.255%204.236-4.134%204.313-4.486.01-.044.02-.208-.072-.295-.092-.086-.227-.057-.324-.033-.139.033-2.34%201.582-6.603%204.646-.625.457-1.191.68-1.698.668-.559-.013-1.634-.336-2.433-.613-.98-.34-1.76-.519-1.692-1.095.035-.3.424-.607%201.165-.92z%22%2F%3E%3C%2Fsvg%3E");
}

.vk{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4.585%206H2.288c-.657%200-.788.297-.788.625%200%20.586.779%203.49%203.627%207.33C7.025%2016.578%209.7%2018%2012.134%2018c1.46%200%201.64-.316%201.64-.86v-1.982c0-.632.14-.758.602-.758.34%200%20.924.164%202.287%201.429C18.221%2017.328%2018.478%2018%2019.354%2018h2.297c.657%200%20.985-.316.796-.939-.207-.621-.951-1.522-1.938-2.59-.535-.61-1.339-1.265-1.582-1.593-.34-.421-.243-.609%200-.983%200%200%202.799-3.794%203.091-5.082.146-.469%200-.813-.695-.813h-2.297c-.584%200-.854.297-1%20.625%200%200-1.168%202.74-2.823%204.52-.535.515-.779.68-1.07.68-.147%200-.358-.165-.358-.633v-4.38c0-.562-.17-.812-.657-.812h-3.61c-.365%200-.585.26-.585.508%200%20.533.828.656.913%202.155v3.255c0%20.714-.134.843-.426.843-.779%200-2.673-2.752-3.797-5.902C5.393%206.247%205.173%206%204.585%206z%22%2F%3E%3C%2Fsvg%3E");
}

.wa{
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2020%2020%22%20version%3D%221.1%22%3E%0A%20%20%20%20%0A%20%20%20%20%0A%20%20%20%20%0A%20%20%20%20%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(-300.000000%2C%20-7599.000000)%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons%22%20transform%3D%22translate(56.000000%2C%20160.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M259.821%2C7453.12124%20C259.58%2C7453.80344%20258.622%2C7454.36761%20257.858%2C7454.53266%20C257.335%2C7454.64369%20256.653%2C7454.73172%20254.355%2C7453.77943%20C251.774%2C7452.71011%20248.19%2C7448.90097%20248.19%2C7446.36621%20C248.19%2C7445.07582%20248.934%2C7443.57337%20250.235%2C7443.57337%20C250.861%2C7443.57337%20250.999%2C7443.58538%20251.205%2C7444.07952%20C251.446%2C7444.6617%20252.034%2C7446.09613%20252.104%2C7446.24317%20C252.393%2C7446.84635%20251.81%2C7447.19946%20251.387%2C7447.72462%20C251.252%2C7447.88266%20251.099%2C7448.05372%20251.27%2C7448.3478%20C251.44%2C7448.63589%20252.028%2C7449.59418%20252.892%2C7450.36341%20C254.008%2C7451.35771%20254.913%2C7451.6748%20255.237%2C7451.80984%20C255.478%2C7451.90987%20255.766%2C7451.88687%20255.942%2C7451.69881%20C256.165%2C7451.45774%20256.442%2C7451.05762%20256.724%2C7450.6635%20C256.923%2C7450.38141%20257.176%2C7450.3464%20257.441%2C7450.44643%20C257.62%2C7450.50845%20259.895%2C7451.56477%20259.991%2C7451.73382%20C260.062%2C7451.85686%20260.062%2C7452.43903%20259.821%2C7453.12124%20M254.002%2C7439%20L253.997%2C7439%20L253.997%2C7439%20C248.484%2C7439%20244%2C7443.48535%20244%2C7449%20C244%2C7451.18666%20244.705%2C7453.21526%20245.904%2C7454.86076%20L244.658%2C7458.57687%20L248.501%2C7457.3485%20C250.082%2C7458.39482%20251.969%2C7459%20254.002%2C7459%20C259.515%2C7459%20264%2C7454.51465%20264%2C7449%20C264%2C7443.48535%20259.515%2C7439%20254.002%2C7439%22%20id%3D%22whatsapp-%5B%23128%5D%22%3E%0A%0A%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");	
}

.max{
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Axodm%3D%22http%3A%2F%2Fwww.corel.com%2Fcoreldraw%2Fodm%2F2003%22%20xml%3Aspace%3D%22preserve%22%20width%3D%221523px%22%20height%3D%221518px%22%20version%3D%221.1%22%20style%3D%22shape-rendering%3AgeometricPrecision%3B%20text-rendering%3AgeometricPrecision%3B%20image-rendering%3AoptimizeQuality%3B%20fill-rule%3Aevenodd%3B%20clip-rule%3Aevenodd%22%20viewBox%3D%220%200%201521.32%201516.58%22%3E%0A%20%3Cdefs%3E%0A%20%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%20%20%20%3C!%5BCDATA%5B%0A%20%20%20%20.fil0%20%7Bfill%3Ablack%7D%0A%20%20%20%20.fil1%20%7Bfill%3Awhite%7D%0A%20%20%20%5D%5D%3E%0A%20%20%3C%2Fstyle%3E%0A%20%3C%2Fdefs%3E%0A%20%3Cg%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_x0020_1%22%3E%0A%20%20%3Cmetadata%20id%3D%22CorelCorpID_0Corel-Layer%22%2F%3E%0A%20%20%3Cpath%20class%3D%22fil0%22%20d%3D%22M372.47%200l776.37%200c204.87%2C0%20372.48%2C167.61%20372.48%2C372.47l0%20771.64c0%2C204.86%20-167.61%2C372.47%20-372.48%2C372.47l-776.37%200c-204.86%2C0%20-372.47%2C-167.61%20-372.47%2C-372.47l0%20-771.64c0%2C-204.86%20167.61%2C-372.47%20372.47%2C-372.47z%22%2F%3E%0A%20%20%3Cpath%20class%3D%22fil1%22%20d%3D%22M772.44%201295.02c-107.13%2C0%20-156.91%2C-15.6%20-243.19%2C-77.99%20-54.92%2C70.2%20-227.77%2C124.81%20-235.38%2C31.2%200%2C-70.14%20-15.84%2C-129.23%20-33.31%2C-194.26%20-21.38%2C-79.69%20-45.16%2C-168.33%20-45.16%2C-297.16%200%2C-307.17%20253.55%2C-538.24%20554.22%2C-538.24%20300.58%2C0%20536.3%2C242.3%20536.3%2C541.23%200%2C298.89%20-243.23%2C535.23%20-533.49%2C535.23l0.01%20-0.01zm4.34%20-810.86c-146.28%2C-7.62%20-260.42%2C93.24%20-285.6%2C251.11%20-20.87%2C130.76%2016.11%2C290.06%2047.72%2C298.07%2014.92%2C3.78%2053.1%2C-26.92%2076.62%2C-50.31%2038.73%2C24.94%2083.14%2C44.28%20132.52%2C46.82%20150.2%2C7.82%20283.26%2C-108.97%20291.15%2C-258.22%207.88%2C-149.25%20-112.21%2C-279.65%20-262.39%2C-287.47l-0.02%200z%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

.yu{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M19.807%205.37a2.53%202.53%200%20011.773%201.784c.42%201.568.42%204.84.42%204.84s0%203.273-.41%204.842a2.512%202.512%200%2001-1.772%201.784c-1.568.42-7.818.42-7.818.42s-6.25%200-7.807-.42a2.531%202.531%200%2001-1.773-1.784C2%2015.267%202%2011.995%202%2011.995s0-3.273.41-4.841A2.512%202.512%200%20014.181%205.37C5.75%204.95%2012%204.95%2012%204.95s6.25%200%207.807.42zm-4.625%206.625l-5.227%202.977V9.018l5.227%202.977z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
}

.ph{
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%22-5.0%20-5.0%20110.0%20110%22%3E%0A%20%3Cpath%20d%3D%22m10.922%2017.066c0.070313-0.28906%200.15234-0.56641%200.24609-0.82812%200.57422-1.5664%201.8164-2.6406%203.4531-2.9805l15.219-3.1602c2.2422-0.46484%204.4453%200.71484%205.3047%202.8359l6.4062%2015.836c0.75391%201.8594%200.28906%203.8906-1.1992%205.2383l-5.793%205.2461c-1.6133%201.4609-1.8984%203.6953-0.99609%205.6758%203.8984%208.5547%2012.949%2017.617%2021.508%2021.508%201.9805%200.90234%204.2148%200.61719%205.6719-0.99609l5.2461-5.793c1.3477-1.4844%203.3789-1.9492%205.2383-1.1992l15.836%206.4062c2.1211%200.85938%203.3008%203.0625%202.8359%205.3047l-3.1602%2015.219c-0.33984%201.6367-1.4102%202.8789-2.9805%203.4531-0.26172%200.09375-0.53516%200.17578-0.82812%200.24609-33.836%208.0312-80.039-38.172-72.008-72.012z%22%20fill-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E");
}

.adres{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill%3D%22%23888%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20d%3D%22M70.59%2C17.19c-5.5-5.5-12.81-8.53-20.59-8.53c-16.06%2C0-29.12%2C13.06-29.12%2C29.12c0%2C0.35%2C0.01%2C0.71%2C0.02%2C1.05%20%20%20c0.11%2C2.97%2C0.66%2C5.89%2C1.64%2C8.67C28.18%2C65.9%2C46.52%2C89.06%2C47.3%2C90.04c0.65%2C0.82%2C1.65%2C1.3%2C2.7%2C1.3c1.05%2C0%2C2.05-0.48%2C2.7-1.3%20%20%20c0.78-0.98%2C19.12-24.14%2C24.75-42.54c0.98-2.78%2C1.54-5.69%2C1.64-8.63c0.02-0.37%2C0.03-0.73%2C0.03-1.09%20%20%20C79.12%2C30%2C76.09%2C22.69%2C70.59%2C17.19z%20M72.19%2C38.58c-0.08%2C2.3-0.51%2C4.54-1.27%2C6.67c-0.02%2C0.05-0.04%2C0.1-0.05%2C0.16%20%20%20C66.88%2C58.53%2C55.3%2C75.05%2C50%2C82.19c-5.3-7.13-16.87-23.65-20.87-36.78c-0.02-0.05-0.03-0.1-0.05-0.16c-0.76-2.13-1.19-4.38-1.27-6.7%20%20%20c-0.01-0.26-0.02-0.52-0.02-0.77c0-12.25%2C9.96-22.21%2C22.21-22.21c5.93%2C0%2C11.51%2C2.31%2C15.71%2C6.51s6.51%2C9.77%2C6.51%2C15.71%20%20%20C72.21%2C38.03%2C72.21%2C38.28%2C72.19%2C38.58z%22%2F%3E%3Cpath%20d%3D%22M49.96%2C21.38c-8.9%2C0-16.14%2C7.24-16.14%2C16.14c0%2C3.4%2C1.06%2C6.56%2C2.87%2C9.17c2.88%2C4.29%2C7.77%2C7.11%2C13.31%2C7.11%20%20%20c7.19%2C0%2C13.28-4.75%2C15.31-11.28c0.51-1.57%2C0.8-3.25%2C0.8-5C66.1%2C28.62%2C58.86%2C21.38%2C49.96%2C21.38z%20M49.96%2C46.62%20%20%20c-4.69%2C0-8.56-3.57-9.04-8.13c-0.02-0.24-0.04-0.47-0.04-0.71c0-5.03%2C4.09-9.12%2C9.12-9.12c4.34%2C0%2C7.97%2C3.05%2C8.89%2C7.11%20%20%20c0.11%2C0.57%2C0.17%2C1.15%2C0.17%2C1.75C59.06%2C42.54%2C54.98%2C46.62%2C49.96%2C46.62z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
padding: 0 0 0 30px;
    background-repeat: no-repeat;
    margin-top: 20px;
    background-size: 22px;
}

.time{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20fill%3D%22%23888%22%20viewBox%3D%22-5.0%20-5.0%20110.0%20110%22%3E%0A%20%3Cpath%20d%3D%22m50%2096.016c-25.414%200-46.012-20.602-46.012-46.016s20.598-46.016%2046.012-46.016%2046.012%2020.602%2046.012%2046.016-20.605%2046.016-46.012%2046.016zm-4.043-73.004v26.988c0%201.4961%200.80859%202.8008%202.0195%203.5l17.438%2010.078c1.9414%201.1211%204.418%200.46094%205.543-1.4766%201.1133-1.9336%200.46094-4.4141-1.4805-5.5352l-15.43-8.9102v-24.645c0-2.2344-1.8125-4.0469-4.043-4.0469-2.2305%200-4.043%201.8125-4.043%204.0469zm30.84%200.19141c-14.801-14.801-38.793-14.801-53.59%200-14.801%2014.797-14.801%2038.793%200%2053.594%2014.797%2014.801%2038.793%2014.801%2053.59%200s14.797-38.793%200-53.594z%22%20fill-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E");
padding: 0 0 0 30px;
background-repeat: no-repeat;
margin-top: 10px;
    background-size: 22px;
    background-position: 2px 1px;
}




.phone{
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%22-5.0%20-5%20110.0%20110%22%20fill%3D%22%23888%22%3E%0A%20%3Cpath%20d%3D%22m67.574%2094.82c-5.418%200-10.844-1.582-15.57-4.7812-8.0781-5.4648-15.844-11.918-23.074-19.18-7.2383-7.2617-13.652-15.051-19.07-23.141-6.7852-10.133-6.1406-23.363%201.6133-32.93l4.332-5.3438c2.0391-2.5156%205.0664-4.0586%208.3086-4.2188%203.2656-0.1875%206.418%201.0547%208.7031%203.3516l8.1016%208.1367c2.1523%202.1602%203.332%205.0273%203.3203%208.0781-0.011719%203.0469-1.2148%205.9102-3.3906%208.0508l-2.1445%202.125c-1.832%201.8086-2.0508%204.6484-0.52734%206.7539%205.582%207.7344%2012.332%2014.512%2020.055%2020.133%202.1289%201.5469%204.9883%201.3477%206.8242-0.46484l2.1523-2.125c4.4727-4.4141%2011.727-4.3945%2016.16%200.070313l8.1055%208.1367c2.2891%202.293%203.4922%205.4688%203.3008%208.7031-0.19141%203.2344-1.7656%206.25-4.3125%208.2656l-5.4062%204.2695c-5.1406%204.0586-11.309%206.1094-17.477%206.1094zm-42.863-83.363c-0.09375%200-0.18359%200-0.27734%200.007813-1.4961%200.074218-2.8359%200.75781-3.7734%201.9141l-4.3359%205.3477c-6.0156%207.4219-6.5273%2017.676-1.2734%2025.516%205.1953%207.75%2011.352%2015.227%2018.305%2022.203%206.9531%206.9766%2014.402%2013.176%2022.148%2018.418%207.8398%205.2969%2018.164%204.8828%2025.676-1.0586l5.4062-4.2695c1.168-0.92188%201.8594-2.2461%201.9492-3.7266%200.085938-1.4766-0.44531-2.8711-1.4883-3.9219l-8.1055-8.1367c-2.0195-2.0273-5.3164-2.0312-7.3438-0.03125l-2.1523%202.125c-4.0234%203.9766-10.285%204.4297-14.898%201.0664-8.2539-6.0117-15.469-13.254-21.438-21.52-3.3398-4.625-2.8359-10.875%201.2031-14.863l2.1445-2.1211h0.003907c0.98047-0.97266%201.5234-2.2617%201.5312-3.6328%200.007812-1.375-0.52734-2.6641-1.4961-3.6406l-8.1055-8.1367c-0.98828-0.99219-2.2852-1.5312-3.6758-1.5312z%22%2F%3E%0A%3C%2Fsvg%3E");
padding: 0 0 0 30px;
background-repeat: no-repeat;
margin-top: 10px;
    background-size: 22px;
    background-position: 2px 1px;
}













.opis-container {
    max-width: 940px;
}


.read-more-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 12px 22px;
    background: #000000;
    color: #fff;
    border: none;
    border-radius: 22px;
    cursor: pointer;
    font-size: 15px;
    transition: background 0.5s ease, opacity 0.3s ease;
}

/* Плавное скрытие кнопки */
.opis.expanded ~ .read-more-btn {
    opacity: 0;
    pointer-events: none;
}

.opis {
    position: relative;
    max-height: 420px;
    overflow: hidden; /* важно */
    transition: max-height 2.5s ease;
    mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 89%, transparent 100%);
}

.opis.expanded {
    max-height: 5000px;
    mask-image: none;
    -webkit-mask-image: none;
}









.content p{
    line-height: 1.5;
    font-size: 19px;
    margin: 0 0 15px 0;
}


.opis p, .publ-txt p{
    margin: 20px 0;
}

.opis ul, .publ-txt ul {
    line-height: 1.5;
    font-size: 19px;
    padding: 0 0 0 25px;
}

.opis li, .publ-txt li{

}

.publ-txt .video-box{
    width: 100%;
    margin: 40px auto;
}
























.portfolio{
    margin: 80px 0 220px;
}

.portfolio .slide {
    width: 600px;
    height: 600px;
    overflow: visible;
}

.etapi .slide {
    width: 475px;
    height: 600px;
    overflow: visible;
}

.portfolio-el, .etapi-el{
    border-radius: 30px;
    overflow:hidden;
}

.portfolio-txt, .etapi-txt {
    padding: 30px 20px;
}

.portfolio-txt h3, .etapi-txt h3 {
    color: #1d1d1f;
    margin: 0 2px 5px 0;
}

.portfolio-txt p, .etapi-txt p, .pt-opis p{
    color:#6e6e73;
    overflow: hidden;
    max-height: 100px;
}

.etapi-txt p{
    overflow: visible;
}


.portfolio-txt h3, .portfolio-txt p, .etapi-txt h3, .etapi-txt p, .pt-opis p {
    font-size: 17px;
    line-height: 1.5;
}

.pt-next a {
    background: #fff;
    width: 100%;
    height: 680px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.pt-next a span {
    background-color: #f1f1f1;
    padding: 20px 60px 20px 30px;
    border-radius: 30px;
    color: #9c9c9c;
    font-size: 16px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22dishesSelectionCardButtonArrow%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22auto%22%20height%3D%22auto%22%20viewBox%3D%220%200%2018%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%205.25C0.585786%205.25%200.25%205.58579%200.25%206C0.25%206.41421%200.585786%206.75%201%206.75V5.25ZM17.5303%206.53033C17.8232%206.23744%2017.8232%205.76256%2017.5303%205.46967L12.7574%200.696699C12.4645%200.403806%2011.9896%200.403806%2011.6967%200.696699C11.4038%200.989593%2011.4038%201.46447%2011.6967%201.75736L15.9393%206L11.6967%2010.2426C11.4038%2010.5355%2011.4038%2011.0104%2011.6967%2011.3033C11.9896%2011.5962%2012.4645%2011.5962%2012.7574%2011.3033L17.5303%206.53033ZM1%206.75H17V5.25H1V6.75Z%22%20fill%3D%22%239C9C9C%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
	background-size: 20px;
    background-repeat: no-repeat;
    background-position: 85% 50%;
}


.etapi {
    margin: 80px 0 300px;
}

.etapi .slide {
    width: 475px;
    height: 600px;
    overflow: visible;
}



















.gradi {
    background: -webkit-linear-gradient(#828282, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.p2 {
    color: #6e6e73;
    max-width: 800px;
}





.vertical-slider {
    background: #fff;
    padding: 70px 100px;
    margin: 50px -100px;
    border-radius: 30px;
    position: relative;
    height: 760px;
    overflow: hidden;
}
.vs-tabs {
    position: absolute;
    width: 38%;
    background: #fff;
    z-index: 1;
}
.vs-mob{
    display:none;
}
.vs-right, .vs-left{
    display:none;
}
.vs-slider-track {
    margin: -65px 0 0 45%;
    width: 60%;
}

.vs-tab h3{

}

.vs-tab {
    cursor: pointer;
    margin-bottom: 20px;
    padding: 18px 30px;
    transition: background-color 0.3s ease, translate 2.5s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: .3s;
    background-color: #eeeef2;
    border-radius: 30px;
    display: table;
    position: relative;
}
.vs-tab.active {
    background-color: #eeeef2;
    transition: background-color 0.3s ease, translate 2.5s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: .3s;
}

.vs-tab:hover {
    background-color: #eeeef2;
}

.vs-tab h3 {
    margin: 0 0 0 25px;
    font-size: 16px;
}

.vs-tab h3:before{
    content:'';
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22plus-icon%22%20version%3D%221.1%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211.3%22%20style%3D%22stroke%3A%20var(--app-pv-icon-fill)%3B%20fill%3A%20none%3B%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(7%207)%22%20style%3D%22stroke%3A%20none%3B%20fill%3A%20var(--app-pv-icon-fill)%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22m9%204h-3v-3c0-0.553-0.447-1-1-1s-1%200.447-1%201v3h-3c-0.553%200-1%200.447-1%201s0.447%201%201%201h3v3c0%200.553%200.447%201%201%201s1-0.447%201-1v-3h3c0.553%200%201-0.447%201-1s-0.447-1-1-1%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
    width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    left: 15px;
    border: 1px solid;
    border-radius: 50%;
}

.vs-tab.active h3{
    display:none;
}

.vs-tab p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    opacity:0;
    position: absolute;
    transition: opacity 0.0s ease-in, translate 2.5s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: .0s;
}

.vs-tab.active p {
    opacity:1;
    transition: opacity 0.15s ease-in, translate 2.5s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: .15s;
    position: relative;
}

.vs-slide {
    height: 91%;
    position: absolute;
    width: 46%;
    margin: 2% 4%;
}

.vs-in {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.vs-slide.active {
    display: block;

}

.vs-slide img {
    width:0%;
    opacity: 0;
    transition: opacity 0.15s ease-in, width 0.3s ease-in, margin-left 0.3s ease-in, margin-right 0.3s ease-in 1s, translate 2.5s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: .1s;
    margin-left: -200%;
}

.vs-slide.active img{
    width:100%;
    transition: opacity 0.15s ease-in, width 0.3s ease-in,  margin-left 0.3s ease-in, margin-right 0.3s ease-in 1s, translate 2.5s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: .1s;
    opacity: 1;
    margin-left: 0;
}

.vs-slide.noactive img{
    margin-left: 200%;
}






.w-bg {
    background: #f6f6f6;
    display: table;
    width: 100%;
}











/** выпадающее меню **/

.cc-close{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;fill: %23fff;' xml:space='preserve'%3e%3cpath class='st0' d='M50.6,59.1L69.4,78c1.1,1.1,2.5,1.6,4,1.6c1.5,0,2.9-0.6,4-1.6c1.1-1.1,1.6-2.5,1.6-4c0-1.5-0.6-2.9-1.6-4 L58.5,51.2l18.9-18.9c1.1-1.1,1.6-2.5,1.6-4c0-1.5-0.6-2.9-1.6-4c-1.1-1.1-2.5-1.6-4-1.6c-1.5,0-2.9,0.6-4,1.6L50.6,43.2l-18-18 c-1.1-1.1-2.5-1.6-4-1.6c0,0,0,0,0,0c-1.5,0-2.9,0.6-4,1.6c-1.1,1.1-1.6,2.5-1.6,4c0,1.5,0.6,2.9,1.6,4l18,18l-18,18 c-1.1,1.1-1.6,2.5-1.6,4c0,1.5,0.6,2.9,1.6,4c2,2,5.9,2,7.9,0L50.6,59.1'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 20px;
    content: '';
    height: 36px;
    width: 36px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    background-position: 50%;
    background-color: #000;
    cursor: pointer;
	z-index:100;
}

.bg-show{
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(6px) !important;
    background-color: rgb(99 99 99 / 70%) !important;
    left: 0;
    top: 0;
    z-index: 99;
    opacity: 0;
    transition: opacity .3s linear, visibility 0s linear .3s;
    background-size: 64px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.menu-drop-on .bg-show, .form-on .bg-show, .otz-on .bg-show{
    visibility: visible;
    opacity: 1;
    transition: opacity .3s linear, visibility 0s linear .0s;
}

.menu-drop {
    position:fixed;

    user-select: none;
    overscroll-behavior: contain;
    width: 500px;
    margin: 0 auto;
    z-index: 100;
    left: -50%;
    top:0;
    border-radius: 0;
    font-size: 15px;
    height: 100%;
    transition-duration: 0.6s;
    background: #fff;
    overflow-y: auto;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}


.menu-drop-on{
    overflow: hidden;
}

.menu-drop-on .menu-drop{
    display:block;
    left:0;
    background:#fff;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .14);
}


.menu-drop .md1 {
    border-bottom: 1px solid #eee;
}

.menu-drop .md1 a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    text-decoration: none;
    color: #111;
    font-weight: 500;
    font-size: 15px;
    transition: background 0.2s ease;
}

.menu-drop .md1 a:hover {
    background: #f7f7f7;
}

.menu-hide {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 10px;
}

.mhd a {
    font-size: 20px;
    padding: 14px 0 0;
    display: block;
}

.fpanel .social {
    margin: 20px 0 20px 0;
}
.fpanel .info div {
    margin: 5px 0;
    line-height: 1.5;
}

.mobile-menu {
    width: 100%;
    height: 100vh;
    height: 100svh;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.menu-wrapper{
    width:100%;
    height:100%;
    position:relative;
}

.menu-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    z-index:1;
    padding: 20px 40px 40px;
    box-sizing: border-box;
    background: #fff;
    transition: all .35s cubic-bezier(.4, 0, .2, 1);

    /* вертикальный скролл при переполнении, но без полосы */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* плавный скролл на iOS */
}

/* Убираем стандартный скролл справа */
.menu-panel::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* полностью скрываем */
}

/* Для Firefox */
.menu-panel {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.fpanel{
    background:#fff;
    transition:all .35s cubic-bezier(.4,0,.2,1);
}

.fpanel.active{
    background:#fff;
}

.menu-panel.active{
    transform:translateX(-100%);
}

.menu-panel[data-panel="root"]{
    left:0;
    transform:translateX(0);
}

.menu-title {
    font-size: 20px;
    font-weight: 600;
    margin: 22px 0 13px;
    position: relative;
    transition: all .25s cubic-bezier(.4, 0, .2, 1);
    color:#fff;
}

.menu-item, .menu-link, .menu-back {
    padding: 14px 0;
    font-size: 18px;
    cursor: pointer;
}

.menu-link{
    display:block;
    text-decoration:none;
    color:#fff;
    transition:all .25s cubic-bezier(.4,0,.2,1);
}

.active .menu-link{
    color:#000;
}
.active .menu-title {
    color:#000;
}

.menu-back{
    font-size:14px;
    opacity:0;
    margin-bottom:10px;
    transition:all .25s cubic-bezier(.4,0,.2,1);
}

.active .menu-back{
    opacity:.6;
}

.menu-back::before{
    content:"← ";
}


.menu-header {
    font-size: 20px;
    font-weight: 600;
    margin: 42px 0 13px;
    position: relative;
    transition:all .25s cubic-bezier(.4,0,.2,1);
    color:#fff;
}

.active .menu-header {
    color:#000;
}

.menu-header:nth-child(2) {
    margin: 22px 0 13px;
}


.fpanel .menu-header {
    font-size: 20px;
    padding: 14px 0;
    cursor: pointer;
    font-weight: bold;
    margin: 0;
}

.fpanel:before {
    content: '';
    height: 30px;
    display: block;
}

.menu-hide, .fpanel .social, .fpanel .info{
    display:none;
}



/* Иконка стрелки */
.menu-drop .md1 a::after {
    content: "›";
    font-size: 18px;
    transition: transform 0.3s ease;
}

/* Подменю */
.menu-drop .md2 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    background: #fafafa;
}

.menu-drop .md2 a {
    display: block;
    padding: 10px 24px;
    font-size: 14px;
    color: #555;
    text-decoration: none;
    transition: all 0.2s ease;
}

.menu-drop .md2 a:hover {
    color: #000;
    padding-left: 28px;
}

/* Активное состояние */
.menu-drop .md1.active + .md2 {
    max-height: 1000px;
}

.menu-drop .md1.active a::after {
    transform: rotate(90deg);
}





/** цены **/

.prices{

}

.p-line {
    display: flex;
    width: 100%;
    background-color: #fff;
    border-radius: 30px;
    padding: 21px 32px;
    margin: 0 0 20px;
    font-size: 15px;
}


.p-name {
    width: 150%;
    font-weight: bold;
    padding: 0 20px 0 0;
}

.p-img {
    width: 50px;
    float: left;
    margin: 0 15px 0 0;
    font-weight: bold;
	height:100%;
}

.p-img img {
    width: 100%;
}



.p-price{
    width: 80%;
    font-weight: bold;
}

.p-srok{
    width: 80%;
    font-weight: bold;
}

.p-buy{
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    outline: 0px;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    transition: 0.12s ease-in-out;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    max-width: -webkit-fill-available;
    height: 48px;
    min-width: 48px;
    line-height: 24px;
    padding: 12px 16px;
    font-size: 16px;
    width: 60%;
    color: rgb(255, 255, 255);
    background-color: #000;
    margin: 3px 0 0 0;
}

.wht {
    display: block;
    font-weight: normal;
    margin: 5px 0 5px;
}


/** главная **/

:root {
    --main-top-header-height: 70px;
    --main-top-video-ratio: 16 / 9;
}

.main-top {
    position: relative;
    width: 100%;
    max-height: calc(100svh - var(--main-top-header-height));
    margin-top: var(--main-top-header-height);
    padding: 0;
    overflow: hidden;
    background: #fff;
    color: #000;
}

.main-top video {
    position: relative;

    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto var(--main-top-video-ratio);

    background: #fff;
}

.overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.main-content {
    position: absolute;
    left: 50%;
    bottom: clamp(18px, 3vw, 48px);
    transform: translateX(-50%);
    z-index: 1;
    width: 100%;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: center;
}

.main-content h1 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.main-top .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 190px;
    height: 54px;
    padding: 0 30px;
    margin: 0;
    border-radius: 999px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: none;
}

.main-top .form-go {
    color: #fff;
    background: #000;
    border: 1px solid #000;
}

.main-content > a.btn {
    color: #000;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #d5d5d5;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.main-top.buttons-below video {
    top: auto;
    transform: none;
}
.main-content{
    display:none;
}
.main-top.buttons-below .main-content {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
    min-height: 86px;
    padding: 16px 20px;
    background: #fff;
    display:none;
}


.main-uslugi {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin: 40px -130px;
}

.usluga, .usluga-wide {
    height: 640px;
    background: #f7f7f9;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    cursor:pointer;
}

.usluga .txt-slide{
    max-width: 550px;
}
.usluga-wide .txt-slide{
    max-width: 600px;
}


.usluga-wide {
    grid-column: span 2;
    height: 700px;
}
.u-img {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: end;
    justify-content: center;
    z-index: 0;
    margin: 0 0 5px 0;
}

.u-img img {
    max-width: 100%;
    max-height: 75%;
    object-fit: contain;
}

.u-txt {
    position: relative;
    z-index: 1;
    height: 100%;
    align-items: baseline;
    text-align: center;
}

.u-txt h2 {
    color: #000;
    margin: 50px 20px 10px;
}
.u-p{

}

.u-cat {
    cursor: grab;
    padding-bottom: 20px;
    margin-bottom: -20px;
    -webkit-overflow-scrolling: touch;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: scroll;
    margin: 20px 0;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE и Edge */
}
.u-cat::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}
.ucl {
    text-align: center;
    display: block;
    padding: 0 20px;
    height: 40px;
}
.ucl a {
    font-size: 16px;
    color: #000000;
    padding: 10px 20px;
    border-radius: 20px;
    display: inline-block;
    margin: 0 7px;
    border: 1px solid #d3d3d3ee;
    background: #f7f7f9;
}
.ucl a:nth-last-child(1){
    margin-right: 25px;
}

.u-hide{
    display:none;
}


.page-main {
    background-color: #fff;
    margin: 0;
    position: relative;
    display: table;
    width: 100%;
    overflow: hidden;
}

.scrolldown{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' x='0px' y='0px' style='&%2310; fill: %23fff;&%2310;'%3e%3cg%3e%3cpath d='M25,45A14,14,0,0,0,39,31V19a14,14,0,0,0-28,0V31A14,14,0,0,0,25,45ZM13,19a12,12,0,0,1,24,0V31a12,12,0,0,1-24,0Z'/%3e%3cpath d='M24,24.5h.09l.2.21a1,1,0,0,0,1.42,0l.2-.21H26v-.09l5.71-5.7-1.42-1.42L26,21.59V11H24V21.59l-4.29-4.3-1.42,1.42L24,24.41Z'/%3e%3c/g%3e%3c/svg%3e");
width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 50%;
    position: absolute;
    bottom: 30px;
    left: calc(50% - 40px);
    cursor: pointer;
}

.scrolldown span {
    margin: -17px 0 0 -27px;
    width: 140px;
    text-align: center;
    position: relative;
    display: block;
    font-size: 15px;
    color:#fff;
}




.benefits {

    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 5%, rgba(247, 247, 247, 1) 23%);
}
.benefits-in{
    padding: 80px 20px;
}

.benefits-wrap {
    max-width: 1200px;
    margin: 0 auto;
}

.benefits-top {
    max-width: 760px;
    margin-bottom: 36px;
}

.benefits-label {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #6e6e73;
}

.benefits-title {
    margin: 0 0 16px;
    font-size: 48px;
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.benefits-text {
    margin: 0;
    font-size: 20px;
    line-height: 1.5;
    max-width: 800px;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.benefits-item {
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e5e5e7;
    border-radius: 20px;
}
.benefit-card__label {
    font-size: 12px;
    color: #545454;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
    margin: 5px 0 16px;
    border-radius: 18px;
}


.benefits-name {
    margin: 5px 0 15px;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.benefits-desc {
    margin: 0;
    font-size: 16px !important;
    line-height: 1.5;
    color: #6e6e73;
}

.benefit-img{
    height: 200px;
    position: relative;
}

.benefit-img img{

}

.pre-pm{
    background: #f8f8f8;
}
.pre-pm-in {
    max-width: 1260px;
    margin: 0 auto;
    padding: 30px 0 80px;
}





@media screen screen and (min-width:1200px) and (max-height:1000px){
    .first-txt {
        margin: 5% auto 0;
    }
}


@media screen and (min-width:1600px) and (max-height:1000px){
    .first-txt {
        margin: 4% auto 0;
    }
}





@media screen and (max-width:1660px){

    .gallery-in {
        grid-template-columns: repeat(3, 1fr);
        margin: 60px -100px 40px;
    }






}





@media screen and (max-width:1580px){
    .main-uslugi, .uslugi{
        margin: 40px 0;
    }
    .usluga{
        height: 560px;
    }
}

@media (max-width: 1500px) {
    .pre-pm-in {
        padding: 20px 40px 60px;
    }
}

@media (max-width: 1260px) {
    .main-uslugi, .uslugi {
        margin: 40px -40px;
        gap: 12px;
    }
    .usluga, .usluga-wide {
        border-radius: 0;
    }

    .benefits-desc {
        font-size: 14px !important;
    }
    .benefit-card__label {
        font-size: 11px;
        margin: 0 0 5px;
    }
    .benefits-name {
        font-size: 20px;
    }
    .type-main .ob-block {
        width: 320px;
        height: 450px;
    }
    .type-main.infinity-main {
        height: 450px;
    }
    .usluga .txt-slide {
        max-width: 90%;
    }

}

@media (max-width: 1100px) {
    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 1024px) {
    .usluga {
        height: 500px;
    }
    .usluga-wide {
        height: 580px;
    }
    .u-img img {
        max-height: 68%;
    }
    .ucl a {
        font-size: 15px;
    }
    .zag-slide {
        font-size: 28px;
    }
    .benefits-desc span{
        display:none;
    }
    .benefit-img {
        height: 160px;
    }
    .type-main .ob-block img {
        max-width: 90%;
    }
    .benefits-name {
        font-size: 18px;
        margin: 5px 0 12px;
    }
    .type-main .ob-block {
        width: 300px;
        height: 350px;
        padding: 25px;
    }
    .type-main.infinity-main {
        height: 350px;
    }
    .pre-pm-in {
        padding: 1px 40px 40px;
    }
}


@media (max-width: 960px) {
    .usluga {
        height: 440px;
    }
    .usluga-wide {
        height: 550px;
    }

}

@media (max-width: 880px) {
    .u-txt .zag-slide{
        margin: 30px 40px 10px;
    }
    .ucl a {
        font-size: 14px;
        padding: 10px 17px;
        margin: 0 6px;
    }
    .usluga {
        height: 340px;
    }
    .usluga-wide {
        height: 460px;
    }
    .usluga .txt-slide, .usluga-wide .txt-slide {

        display: none;
    }
    .u-img img {
        max-height: 75%;
    }
    .scrolldown{
        bottom:10px;
    }
    .pre-pm-in {
        padding: 1px 30px 40px;
    }
}



@media (max-width: 820px) {
    .usluga {
        height: 320px;
    }
    .usluga-wide {
        height: 440px;
    }

}


@media (max-width: 767px) {
    .benefits {
        padding: 56px 16px;
    }

    .benefits-title {
        font-size: 34px;
    }

    .benefits-text {
        font-size: 17px;
    }
}


@media (max-width: 720px) {

    .usluga-wide, .usluga {
        height: 450px;
        grid-column: span 2;
    }
    .u-hide{
        display:block;
    }
    .us-hide{
        display:none;
    }
}




@media (max-width: 768px) {
    :root {
        --main-top-video-ratio: 4 / 3;
    }

    .main-content {
        bottom: 18px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-content > a.btn {
        display: none;
    }

    .main-content > .form-go {
        min-width: 0;
        width: min(320px, 82vw);
        height: 50px;
        padding: 0 24px;
        font-size: 14px;
    }

    .main-top.buttons-below .main-content {
        min-height: 74px;
        padding: 12px 15px;
    }
}

@media (max-width: 460px) {
    :root {
        --main-top-header-height: 60px;
    }
}


@media (max-width: 420px) {
    .main-uslugi, .uslugi {
        margin: 40px -20px;
    }

}



/** видео **/



.video-box {
    position: relative;
    width: calc(100% + 260px);
    aspect-ratio: 16 / 9;
    background: #000;
    overflow: hidden;
    border-radius: 30px;
    margin: 40px -130px;
}

.video-box__video,
.video-box__poster {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-box__video {
    background: #000;
}

.video-box__poster {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.video-box__play {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
    width: 92px;
    height: 64px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.video-box__play:hover {
    transform: translate(-50%, -50%) scale(1.08);
}

.video-box__play svg {
    display: block;
    width: 100%;
    height: 100%;
}

.video-box.is-playing .video-box__poster,
.video-box.is-playing .video-box__play {
    opacity: 0;
    pointer-events: none;
}



/** форма заявки **/


.form-show, .otz-show{
    position: fixed;
    left: calc(50% - 610px);
    user-select: none;
    overscroll-behavior: contain;
    max-width: 1220px;
    width: 100%;
    margin: 0 auto;
    z-index: 100;
    bottom: -200%;
    border-radius: 0;
    font-size: 15px;
    height: 100%;
    transition-duration: 0.6s;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #efefef;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.otz-show{
    align-items: normal;
}



.otz-on .form-in .cc-close{
    position: fixed;
    right: calc(50% - 590px);
}

.form-on .form-show, .otz-on .otz-show{
    bottom: 0;
}

.form-in {
    width: 800px;
}

.form-in p {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 20px 0;
}

.msngrs {
    margin: 20px 0 20px;
    position: relative;
}

.msngrs a {
    background-repeat: no-repeat;
    background-size: 22px;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    padding: 8px 40px 8px 15px;
    background-position: 92%;
    font-size: 18px;
    margin: 0 10px 10px 0;
    opacity: 0.8;
    display: inline-block;
    background-color: #fff;
}

.msngrs .tg{
    background-size: 25px;
}

.msngrs .max {
    background-position: 85%;
}

.msngrs .ph{
    background-position: 92%;
}

.final-in {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    padding: 20px;

}

.final-go {
    width: 100%;
    background-color: #000000;
    display: block;
    height: 70px;
    border-radius: 20px;
    cursor: pointer;
    text-align: center;
    line-height: 70px;
    font-size: 19px;
    color: #fff;
}

.image-place{
    display:none;
}

.add-image{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23777'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M73.7316 26.6294C73.7269 26.825 73.7201 27.02 73.7112 27.2144C75.8253 26.429 78.1125 26 80.5 26C91.2695 26 100 34.7305 100 45.5C100 56.2695 91.2695 65 80.5 65C80.4043 65 80.3086 64.9993 80.2131 64.9978C80.142 64.9968 80.0709 64.9954 80 64.9937V65H50.4232V35.0049L62.5533 47.2871C63.5706 48.3171 65.2198 48.3171 66.2371 47.2871C67.2543 46.2571 67.2543 44.5872 66.2371 43.5571L49.6603 26.7725C48.6431 25.7424 46.9938 25.7424 45.9766 26.7725L29.3998 43.5571C28.3826 44.5872 28.3826 46.2571 29.3998 47.2871C30.417 48.3171 32.0663 48.3171 33.0835 47.2871L45.2136 35.0049V65H23.5H23V64.9949C10.2522 64.7288 0 54.3115 0 41.5C0 28.6914 10.2476 18.2761 22.9913 18.0054C26.3639 7.55762 36.1689 0 47.7391 0C62.0985 0 73.7391 11.6406 73.7391 26C73.7391 26.2104 73.7366 26.4202 73.7316 26.6294Z'/%3e%3c/svg%3e");
cursor:pointer;
width: 100%;
    height: 200px;
    background-color: #d9d9d9;
    border-radius: 20px;
	margin: 0 0 20px;
    text-align: center;
    line-height: 70px;
    font-size: 16px;
    color: #717171;
    background-repeat: no-repeat;
 background-position: 50% 70%;
    background-size: 80px;
}

.name-place, .phone-place, .car-place, .comment-place {
    position: relative;
    height: 70px;
    background-color: #fff;
    border-radius: 20px;
    margin: 0 0 20px;
    padding: 26px 20px 0;
    display: block;
    border: 1px solid #e5e5e5;
}

.comment-place{
    height:20%;
}
.comment-place textarea{
    height: calc(100% - 20px);
}
.name-zag {
    color: #a3a3a3;
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: normal;
    display:none;
}

.name-place input, .phone-place input, .car-place input, .comment-place textarea{
    font-family: Roboto, SF Pro Text, Helvetica Neue, Helvetica, Calibri, Arial;
    outline: none;
    border: none;
    color: #444;
    font-size: 15px;
    width: 100% !important;
    resize: none;
}



/*** отзывы ***/

.otzivi {
    max-width: 1260px;
    width: 100%;
    margin: 0 auto 100px;
    background: #f5f5f7;
    padding: 70px 70px 50px;
    border-radius: 30px;
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.otzivi h2 {
    margin: 0;
    font-size: 32px;
    max-width: 400px;
}


.otz-block {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    cursor:pointer;
}

.otz-zag{

}



.otz-head {
    position: relative;
}

.otz-ava {
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 50%;
}

.otz-ava img{
    width:100%;
}

.otz-car {
    position: absolute;
    top: 18px;
    left: 46px;
    font-size: 13px;
    color: #9c9c9c;
}

.otz-name {
    position: absolute;
    top: 0;
    left: 46px;
    font-size: 14px;
    color: #747474;
}

.otz-txt{

}

.otz-txt p {
    color: #747474;
    margin: 10px 0;
    line-height: 1.5;
    font-size: 15px;
}

.otz-img {
    display: flex;
    gap: 5px;
}

.otz-img a {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 10px;
}

.otz-img img {
    max-height: 100%;
    object-fit: cover;
}

.otz-more{

}





.nice-place{
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228%22%20height%3D%2216%22%20viewBox%3D%220%200%2028%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19.593%2014.635c.886-.949%203.343-2.48%206.016-.147-1.435%201.592-3.899%202.131-6.016.147z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M19.593%2014.635c.886-.949%203.343-2.48%206.016-.147-1.435%201.592-3.899%202.131-6.016.147z%22%20fill%3D%22url(%233fe8ff51-8229-49ac-809e-fac8a17a7c49-gradient)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M22.52%2012.129c.723-2.305%203.107-3.077%205.027-1.928-.509%201.999-2.89%203.238-5.027%201.928z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M22.52%2012.129c.723-2.305%203.107-3.077%205.027-1.928-.509%201.999-2.89%203.238-5.027%201.928z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__b)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M24.33%209.17c-.306-2.703%201.432-4.177%203.552-4.044.49%202.38-1.294%204.147-3.551%204.044z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M24.33%209.17c-.306-2.703%201.432-4.177%203.552-4.044.49%202.38-1.294%204.147-3.551%204.044z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__c)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M24.476%205.666c-1.525-2.12-1.229-3.942.89-5.467%201.526%202.119%201.23%203.941-.89%205.467z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M24.476%205.666c-1.525-2.12-1.229-3.942.89-5.467%201.526%202.119%201.23%203.941-.89%205.467z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__d)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.407%2014.635c-.886-.949-3.343-2.48-6.016-.147%201.435%201.592%203.899%202.131%206.016.147z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.407%2014.635c-.886-.949-3.343-2.48-6.016-.147%201.435%201.592%203.899%202.131%206.016.147z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__e)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M5.48%2012.129C4.756%209.824%202.372%209.052.452%2010.2c.509%201.999%202.89%203.238%205.026%201.928z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M5.48%2012.129C4.756%209.824%202.372%209.052.452%2010.2c.509%201.999%202.89%203.238%205.026%201.928z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__f)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3.67%209.17C3.975%206.467%202.237%204.993.117%205.126c-.49%202.38%201.294%204.147%203.551%204.044z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3.67%209.17C3.975%206.467%202.237%204.993.117%205.126c-.49%202.38%201.294%204.147%203.551%204.044z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__g)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3.524%205.666c1.525-2.12%201.229-3.942-.89-5.467-1.526%202.119-1.23%203.941.89%205.467z%22%20fill%3D%22%23FC0%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3.524%205.666c1.525-2.12%201.229-3.942-.89-5.467-1.526%202.119-1.23%203.941.89%205.467z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__h)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14%20.667a6.001%206.001%200%200%200-4.244%2010.24c1.086%201.087%203.644%202.66%203.796%204.311.022.247.202.449.448.449s.426-.202.448-.449c.152-1.651%202.707-3.22%203.793-4.307A6.001%206.001%200%200%200%2014%20.667z%22%20fill%3D%22url(%238f1e9b14c7a52c4f48c9b529ec8272e8__i)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M14%208.72a2.053%202.053%200%201%201%200-4.106%202.053%202.053%200%200%201%200%204.105z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3Cdefs%3E%3ClinearGradient%20id%3D%223fe8ff51-8229-49ac-809e-fac8a17a7c49-gradient%22%20x1%3D%2225.59%22%20y1%3D%2214.697%22%20x2%3D%2219.587%22%20y2%3D%2214.925%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__b%22%20x1%3D%2227.541%22%20y1%3D%2210.207%22%20x2%3D%2222.634%22%20y2%3D%2212.445%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__c%22%20x1%3D%2227.809%22%20y1%3D%225.072%22%20x2%3D%2224.649%22%20y2%3D%229.444%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__d%22%20x1%3D%2225.319%22%20y1%3D%22.198%22%20x2%3D%2224.87%22%20y2%3D%225.73%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__e%22%20x1%3D%222.41%22%20y1%3D%2214.697%22%20x2%3D%228.413%22%20y2%3D%2214.925%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__f%22%20x1%3D%22.459%22%20y1%3D%2210.207%22%20x2%3D%225.366%22%20y2%3D%2212.445%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__g%22%20x1%3D%22.191%22%20y1%3D%225.072%22%20x2%3D%223.351%22%20y2%3D%229.444%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__h%22%20x1%3D%222.681%22%20y1%3D%22.198%22%20x2%3D%223.13%22%20y2%3D%225.73%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FC0%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE9B21%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%228f1e9b14c7a52c4f48c9b529ec8272e8__i%22%20x1%3D%2214%22%20y1%3D%22.667%22%20x2%3D%2214%22%20y2%3D%2215.667%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF6122%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F22411%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");

	
background-repeat: no-repeat;
    background-position: 4px 1px;
    background-size: 27px;
    padding: 0 0 0 39px;
    margin: 30px 0 10px;
    border-radius: 15px;
    font-size: 15px;
    font-weight: bold;
}


.otz-link{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12.4991%200C8.03652%200%204.41992%203.61664%204.41992%208.07919C4.41992%2012.6337%206.67733%2013.604%209.17239%2016.6336C12.1567%2020.2575%2012.4991%2024%2012.4991%2024C12.4991%2024%2012.8415%2020.2575%2015.8258%2016.6337C18.3209%2013.604%2020.5783%2012.6337%2020.5783%208.07923C20.5783%203.61664%2016.9617%200%2012.4991%200ZM12.4991%2010.8713C10.9571%2010.8713%209.70705%209.62123%209.70705%208.07923C9.70705%206.53723%2010.9571%205.28717%2012.4991%205.28717C14.0411%205.28717%2015.2912%206.53723%2015.2912%208.07923C15.2912%209.62123%2014.0411%2010.8713%2012.4991%2010.8713Z%22%20fill%3D%22%23FF4433%22%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 20px 10px;
    background-size: 28px;
    padding: 0 0 0 60px;
    background-color: #fff;
    height: 47px;
    line-height: 47px;
    margin: 10px auto;
    width: 240px;
    font-size: 16px;
    font-weight: bold;
}

.avito{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%2304E061%22%20d%3D%22M%208.305%2026.167%20a%208.305%208.305%200%201%200%200%20-16.61%20a%208.305%208.305%200%200%200%200%2016.61%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23FF4053%22%20d%3D%22M%2022.708%2025.12%20a%205.017%205.017%200%201%200%200%20-10.035%20a%205.017%205.017%200%200%200%200%2010.035%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23965EEB%22%20d%3D%22M%209.892%208.48%20a%203.106%203.106%200%201%200%200%20-6.211%20a%203.106%203.106%200%200%200%200%206.211%20Z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%230AF%22%20d%3D%22M%2020.757%2014.004%20a%206.752%206.752%200%201%200%200%20-13.504%20a%206.752%206.752%200%200%200%200%2013.504%20Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.otz-btn {
    background: #fff;
    border-radius: 20px;
}

.otz-page {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    padding: 30px 0;
}

.otz-in-btn {
    gap: 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.otz-in-btn .otz-btn {
    border: 1px solid #eee;
}

.otz-page .otz-block {
    border-radius: 30px;
    border: 1px solid #eee;
    cursor:auto;
}

.otz-page .otz-img a {
    width: 158px;
    height: 158px;
    border-radius: 20px;
}

.otz-page .otz-img {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.otz-page .otz-txt p {
    color: #000;
    margin: 15px 0;
    font-size: 16px;
}

.otz-page .otz-ava {
    width: 60px;
    height: 60px;
}

.otz-page .otz-name {
    left: 75px;
    font-size: 20px;
    color: #000;
}

.otz-page  .otz-car {
    top: 30px;
    left: 75px;
    font-size: 17px;
    color: #9c9c9c;
}

.otz-page .otz-txt {
    margin: 20px 0 0;
}


.r {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 15px 0 0;
}

.s {
  width: 120px;
  height: 22px;
  flex: 0 0 120px;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='16' viewBox='0 0 90 16'%3E%3Cpath fill='%23fbbc04' d='M8 0l1.8 4.9H15l-4.2 3 1.6 5L8 9.9 3.6 12.9l1.6-5L1 4.9h5.2z'/%3E%3Cpath fill='%23fbbc04' d='M26 0l1.8 4.9H33l-4.2 3 1.6 5-4.4-3-4.4 3 1.6-5-4.2-3h5.2z'/%3E%3Cpath fill='%23fbbc04' d='M44 0l1.8 4.9H51l-4.2 3 1.6 5-4.4-3-4.4 3 1.6-5-4.2-3H42z'/%3E%3Cpath fill='%23fbbc04' d='M62 0l1.8 4.9H69l-4.2 3 1.6 5-4.4-3-4.4 3 1.6-5-4.2-3H60z'/%3E%3Cpath fill='%23fbbc04' d='M80 0l1.8 4.9H87l-4.2 3 1.6 5-4.4-3-4.4 3 1.6-5-4.2-3H78z'/%3E%3C/svg%3E");
}

.d {
    font-size: 13px;
    color: #5f6368;
    white-space: nowrap;
    margin: 0 0 1px 0;
}













@media screen and (max-width:2100px){
    .infinity-in {
        padding: 0 20px;
    }

}


@media screen and (max-width:1580px){
    .video-box {
        width: 100%;
        margin: 40px auto;
    }

    .pt-cat {
        grid-template-columns: repeat(2, 1fr);
    }
    .content-max {
        max-width: 1470px;
    }


}


@media screen and (max-width:1500px){
    .infinity-in {
        padding: 0 20px;
    }
    .content {
        padding: 0 40px;
    }
    .otzivi {
        max-width: 1180px;
    }


}





@media screen and (max-width:1470px){

    .menu-right {
        font-size: 16px;
        margin: 15px 20px;
    }
    .menu-el {
        margin: 0 10px;
        font-size: 17px;
    }
    .mm {
        margin: 0 28px 0 10px;
    }
    .mm:after{
        width: 20px;
        height: 20px;
        top: 0;
        right: -23px;
    }
    .logo-txt{
        width:220px;
    }
    h1 {
        font-size: 55px;
    }
    .publ h1{
        font-size: 50px;
    }
    .publ h2 {
    font-size: 40px;
    }
    .publ h3 {
        font-size: 35px;
    }
    .gallery-in {
        grid-template-columns: repeat(3, 1fr);
        margin: 30px -100px 10px;
    }
    .gallery {
        margin: 0 0 50px;
    }

}










@media screen and (max-width:1440px){
    .vertical-slider {
        margin: 50px -30px;
    }
    .vertical-slider {
        padding: 50px;
    }
    h2 {
        font-size: 55px;
        margin: 80px 0 30px;
    }

    .slider {
        margin: 50px 0;
    }

    .itemsmenu {
        margin: 24px 10px;
    }

    .slide {
        width: 1024px;
        height: 570px;
    }
    .portfolio {
        margin: 80px 0 220px;

    }
    .portfolio-txt h3, .portfolio-txt p, .etapi-txt h3, .etapi-txt p, .pt-opis p {
        font-size: 16px;
        line-height: 1.5;
    }
    .portfolio .slide {
        width: 560px;
        height: 560px;
    }

    .etapi {
        margin: 50px 0 270px;
    }

    .etapi .slide {
        width: 410px;
        height: 570px;
    }

    .type1 .ob-block {
        width: 1024px;
        height: 570px;
    }
    .type1.infinity-main {
        height: 570px;
    }
    .content p , .opis ul, .publ-txt ul, .content ul, .benefits-text{
        font-size: 18px;
    }

    .type2 .ob-block{
        width: 650px;
        height: 820px;
    }
    .pt-next a{
        height: 650px;
    }
    .type3 .ob-block {
        width: 650px;
        height: 850px;
    }

    .content {
        margin: 100px auto;
    }

}

@media screen and (max-width:1380px){
    .gallery-in {
        margin: 30px -40px 10px;
    }
}


@media screen and (max-width:1350px){
    .img-one {
        text-align: center;
        margin: 40px -40px;
    }
    .img-three {
        margin: 40px -40px;
    }
    .img-two {
        margin: 40px -40px;
    }


}


@media screen and (max-width:1280px){

    .page {
        margin: 130px 0 0 0;
        border-radius: 30px 30px 0 0;
    }

    .menu-right {
        font-size: 15px;
        margin: 16px 20px;
    }
    .menu-el {
        margin: 0 8px;
        font-size: 16px;
    }

    .itemsmenu {
        margin: 25px 10px;
    }

    h1 {
        font-size: 50px;
        letter-spacing: 0.05em;
    }
    .publ h1{
        font-size: 45px;
    }
    .publ h2 {
    font-size: 35px;
    }
    .publ h3 {
        font-size: 30px;
    }
    .first-txt p {
        font-size: 25px;
    }

    .mm {
        margin: 0 26px 0 10px;
    }

    .slide {
        width: 900px;
        height: 570px;
    }
    .type1 .ob-block {
        width: 900px;
        height: 570px;
    }
    .zag-slide {
        font-size: 30px;
    }
    .txt-slide {
        font-size: 15px;
    }
    .content p , .opis ul, .publ-txt ul, .content ul, .benefits-text{
        font-size: 17px;
    }
    .faq {
        font-size: 17px;
    }
    .opis {
        max-height: 320px;
    }

    .type2 .ob-block{
        width: 560px;
        height: 760px;
    }
    .type2.infinity-main {
        height: 760px;
    }
    .pt-next a{
        height: 560px;
    }

    .type3 .ob-block {
        width: 560px;
        height: 820px;
    }
    .type3.infinity-main {
        height: 820px;
    }

    .portfolio-txt h3, .portfolio-txt p, .etapi-txt h3, .etapi-txt p, .pt-opis p {
        font-size: 16px;
    }
    .form-title {
        font-size: 55px;
    }


    .fin {
        display: block;
        align-items: unset;
        padding: 50px 30px 0;
    }
    .f-menu {
        border-left: none;
        padding: 50px 0 0;
        margin: 0;
    }

    .niz {
        font-size: 14px;
    }

    .c-line {
        width: 100%;
        position: relative;
        background: #f6f6f6;
        padding: 20px;
        border-radius: 30px;
    }

    .c-line .cfm{
        padding: 0;
        background: none;
        border-radius: 0;
    }

    .cfm a {
        font-size: 15px;
        display: inline-block;
        margin: 10px 12px 10px 0;
        color: #fff;
        background: #000;
        padding: 10px 20px;
        border-radius: 30px;
    }

    .company {
        width: 100%;
    }



    .social {
        overflow: hidden;
        width: 220px;
    }


    .sc {
        width: 54px;
        height: 54px;
        margin: 0 20px 0 0;
        border-radius: 30px;
        background-color: #ececec;
    }
    .sc:nth-child(3) {
        margin: 0;
    }


    .vertical-slider {
        margin: 50px 0px;
    }


    .menu-drop {
        width: 420px;
    }
    .menu-panel {
        padding: 20px 30px 40px;
    }
    .fpanel:before {
        height: 10px;
    }

    .fpanel .menu-header {
        font-size: 18px;
        padding: 12px 0;
    }
    .menu-item, .menu-link, .menu-back {
        padding: 12px 0;
        font-size: 17px;

    }
    .menu-title {
        font-size: 19px;
        margin: 18px 0 10px;
    }
    .menu-header {
        font-size: 19px;
        margin: 32px 0 10px;
    }
    .mhd a {
        font-size: 18px;
        padding: 12px 0 0;
    }
    .fpanel .social {
        margin: 30px 0;
    }


    .otzivi {
        margin: 0 40px 100px;
        max-width: calc(100% - 80px);
    }


    .pt-in {
        padding: 180px 0 30px;
    }
    .rt-choice {
        margin: 30px auto 10px;
    }
    .pt.infinity-main {
        margin: 30px 0 0;
    }

    .rt1, .rt2{
        font-size: 14px;
        height: 46px;
    }
    .rt-choice {
        height: 44px;
        max-width: 360px;
    }

    .rt-choice:after{
        height: 36px;
    }
    .etap-zag {
        font-size: 28px;
    }
    .etap-us a {
        font-size: 14px;
    }
    .b-name {
        font-size: 15px;
    }
    .b-num {
        font-size: 12px;
    }
    .brand-el {
        padding: 25px;
    }
    .b-name a{
        padding: 25px;
    }
    .pt .ob-block {
        height: 90px;
        width: 260px;
    }
    .pt .b-big .ob-block{
        height: 90px;
    }
    .pt.infinity-main {
        height: 90px;
    }
    .cat-uslug .b-num {
        bottom: 26px;
        left: 25px;
    }
    .content-max {
        margin: 40px auto;
        padding: 0 30px;
    }
    .pt-cat {
        gap: 25px;
    }
    .bei {
        top: 15px;
    }

    .cat-uslug .b-name {
        margin: -1px 0 0;
    }

    .page-min .otzivi {
        margin: 0 30px 100px;
        max-width: calc(100% - 60px);
    }

    .backurl {
        padding: 0 20px 0 35px;
        font-size: 13px;
        height: 36px;
        line-height: 36px;
        background-size: 14px;
        margin: -50px 0 0 0;
    }





}




@media screen and (max-width:1220px){


    h1 {
        font-size: 45px;
    }
    .publ h1{
        font-size: 40px;
    }
    .publ h2 {
    font-size: 30px;
    }
    .publ h3 {
        font-size: 27px;
    }
    .logo-txt {
        width: 200px;
    }

    .form-show, .otz-show{
        left:0;
        max-width: 100%;
    }
    .z-order {
        padding: 80px 40px;
    }

    .img-block img {
        height: 300px;
    }
    .gallery {
        margin: 0 0 40px;
    }

    .otz-on .form-in .cc-close {
        right: 18px;
    }

}





@media screen and (max-width:1120px){

    .menu-el {
        font-size: 15px;
    }

    .form-title {
        font-size: 45px;
    }

    .form-txt {
        font-size: 16px;
    }
    .policy_text {
        font-size: 15px;
    }


    .type1 .ob-block {
        width: 800px;
        height: 570px;
    }
    .slide {
        width: 800px;
        height: 570px;
    }

    .type2 .ob-block{
        width: 520px;
        height: 710px;
    }

    .type2.infinity-main {
        height: 710px;
    }
    .pt-next a{
        height: 520px;
    }
    .portfolio-txt, .etapi-txt {
        padding: 20px 10px;
    }
    .type3 .ob-block {
        width: 520px;
        height: 760px;
    }
    .type3.infinity-main {
        height: 760px;
    }
    .gallery-in {
        grid-template-columns: repeat(2, 1fr);
    }
    .img-block img {
        height: 360px;
    }
}


@media screen and (max-height: 1000px) and (min-width: 1400px) {
    .feee {
        height: 60%;
    }
}

@media screen and (max-height: 900px) and (min-width: 1400px) {
    .feee {
        height: 55%;
    }
}

@media screen and (max-height: 860px) and (min-width: 1300px) {
    .feee {
        height: 55%;
    }
}

@media screen and (max-height: 790px) and (min-width: 1200px) {
    .feee {
        height: 55%;
    }
}


@media screen and (max-width: 1024px) {
	
    .menu-drop {
        left: -100%;
    }

    .lastm span{
        display:none;
    }
.lastm{
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='-5.0 -10.0 110.0 110' style='&%2310; fill: %23fff;&%2310;'%3e%3cpath d='m33.621 39.395 6.9648-6.9648c2.707-2.707 2.707-7.1367 0-9.8438l-7.2227-7.2227c-2.707-2.707-7.1367-2.707-9.8438 0l-8.1562 8.1562c-8.543 8.543 12.211 36.348 18.492 42.629s34.086 27.035 42.629 18.492l8.1562-8.1562c2.707-2.707 2.707-7.1367 0-9.8438l-7.2227-7.2227c-2.707-2.707-7.1367-2.707-9.8438 0l-6.9648 6.9648c-5.2852-3.1953-10.387-7.1641-15.105-11.883-4.7188-4.7148-8.6875-9.8203-11.883-15.105z' fill-rule='evenodd'/%3e%3c/svg%3e");
width: 40px;
        height: 40px;
        border-radius: 50%;
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: 50%;
        cursor: pointer;
}

    .itemsmenu-mob{
        display: grid;
        width: 64px;
        cursor: pointer;
        gap: 4px;
        position: absolute;
        left: 0;
        top: 6px;
        padding: 20px;
    }


    .itemsmenu-mob>* {
        width: 100%;
        height: 3px;
        transform: translate3d(0, 0, 0);
        transform-origin: 0% 0px;
        transition: 0.2s ease;
        border-radius: 9999999px;
        opacity: 1;
        background-color: #060318

    }

    .itemsmenu-mob>*:nth-child(2) {
        width: 74%
    }

    .itemsmenu-mob>*:nth-child(3) {
        width: 50%
    }


    .itemsmenu{
        display:none;
    }
	
}


@media screen and (max-width: 1024px), screen and (max-height: 800px) {
	h1 {
        font-size: 45px;
    }
    .first-txt p {
        font-size: 25px;
    }
	.page-min{
    max-width: 1200px;
    margin: 0 auto;	
	}
    .type1 .ob-block {
        width: 800px;
        height: 570px;
    }
.slide {
        width: 800px;
        height: 570px;
    }
    .type2.infinity-main {
        height: 710px;
    }
    .type2 .ob-block {
        width: 520px;
        height: 710px;
    }
.type3.infinity-main {
        height: 760px;
    }
.type3 .ob-block {
        width: 520px;
        height: 760px;
    }
	
    .feee {
        width: 90%;
	    height: 65%;
    }
    .fe-price, .price-go{
        font-size: 15px;
    }
    .fe-price {
        height: 60px;
        width: 432px;
    }
    .fe {
        margin: 10px 40px;
    }
    .price-go{
        height: 51px;
        line-height: 51px;
    }

    .blockfix .price-go{
        width: 250px;
    }
    .blockfix .price-go:after {

        top: 8px;
        right: 8px;
    }



    .menu-hide, .fpanel .social, .fpanel .info{
        display:block;
    }



    .f-menu {
        column-count: 1;
        user-select: none;
    }

    .bus {
        border-bottom: 1px solid #ececec;
        margin: 0 0 10px;
    }

    .bus:nth-last-child(1){
        border-bottom:0;
    }


    .f-menu .bus > ul,
    .f-menu .bus > .mb2,
    .f-menu .bus > .mb2 + ul {
        max-height: 0;
        padding: 0;        /* убираем внутренние отступы */
        margin: 0;         /* убираем внешние отступы */
        opacity: 0;
        overflow: hidden;
        transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease, margin 0.3s ease;
    }

    /* открытое состояние */
    .f-menu .bus.active > ul,
    .f-menu .bus.active > .mb2,
    .f-menu .bus.active > .mb2 + ul {
        max-height: 2000px;  /* достаточно для всего контента */
        opacity: 1;
        padding: initial;    /* возвращаем стандартные отступы */
        margin: initial;     /* возвращаем стандартные отступы */
    }

    .f-menu .bus.active > .mb2{
        margin: 22px 0 8px;
    }

    .#f-menu .mb1 {
        display: block;
        padding: 30px;
        cursor: pointer;
        font-weight: 600;
        position: relative;
        transition: background 0.3s;
        margin-bottom: 0;
    }

    .f-menu .mb1 {
        display: block;
        padding: 10px 0;
        cursor: pointer;
        font-weight: 600;
        position: relative;
        transition: background 0.3s;
        margin-bottom: 0;

    }

    .f-menu a {
        font-size: 15px;
        line-height: 1.6;
    }

    .bus ul li:nth-last-child(1){
        margin-bottom: 35px;
    }


.mb1:after {
content: "";
position: absolute;
top: 10px;
font-family: auto;
width: 20px;
height: 20px;
background-position: 50%;
right: 5px;
left: auto;
opacity: 0.5;
background: none;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpolygon%20points%3D%2279.7%2C43.5%2074%2C37.9%2050.2%2C62.2%2025.9%2C38.4%2020.3%2C44.2%2050.4%2C73.5%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-size: 20px;
}

    .niz {
        font-size: 13px;
        margin-top: 20px;
    }
    .zay img {
        width: auto;
        height: 100%;
        min-width: 100%;
    }

    .vertical-slider {
        margin: 50px -40px 0;
        border-radius: 0;
        padding: 40px;
    }

    .p-price {
        width: 80%;
    }
    .p-srok {
        width: 80%;
    }
    .p-name {
        width: 140%;
    }

    .otzivi{
        padding: 50px;
    }

    .pt-in {
        padding: 160px 0 30px;
    }
    .content-max {
        margin: 30px auto;
        padding: 0 20px;
    }
    .pt-cat {
        gap: 20px;
    }

    .page-min .otzivi {
        margin: 0 20px 100px;
        max-width: calc(100% - 40px);
    }

    .otz-page .otz-txt p {
        font-size: 16px;
    }
    .otz-page .otz-ava {
        width: 50px;
        height: 50px;
    }
    .otz-page .otz-name {
        left: 65px;
        font-size: 18px;
    }
    .otz-page .otz-car {
        top: 27px;
        left: 65px;
        font-size: 16px;
    }
    .otz-page .otz-img a {
        width: 100%;
        height: auto;
    }
    .otz-page .otz-img img {
        max-height: 100%;
        max-width: 100%;
        object-fit: cover;
    }

    .otz-page .otz-img {
        gap: 15px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }





}



@media screen and (max-height:1150px){
    .form-show, .otz-show{
        align-items: normal;
        padding-top: 100px;
    }
}

@media screen and (max-height:1100px){
    .form-show , .otz-show{
        padding-top: 50px;
    }
}


@media screen and (max-height:900px){
    .first-txt {
        margin: 75px auto 0;
    }
    .form-show , .otz-show{
        padding-top: 30px;
    }
}

@media screen and (max-height:800px){
    .first-txt {
        margin: 60px auto 0;
    }

}

@media screen and (max-height:700px){
    .first-txt {
        margin: 55px auto 0;
    }
}

@media screen and (max-height:650px){
    .first-txt {
        margin: 50px auto 0;
    }
}


@media screen and (max-width:900px){
    h1 {
        font-size: 40px;
    }
    .publ h1{
        font-size: 35px;
    }
    .publ h2 {
    font-size: 28px;
    }
    .publ h3 {
        font-size: 25px;
    }
    h2 {
        font-size: 50px;
        margin: 60px 0 30px;
    }
    .first-txt p {
        font-size: 20px;
    }
    .content {
        margin: 80px auto;
    }
    .type1 .ob-block, .slide {
        width: 700px;
        height: 520px;
    }
    .txt-slide{
        max-width: 550px;
    }
    .type1.infinity-main {
        height: 520px;
    }

    .p-line {
        width: calc(100% + 40px);
        padding: 20px 20px;
        margin: 0 -20px 20px;
    }
    .faq-item {
        margin: 0 -20px 20px;
    }

    .form-show, .otz-show{

        padding: 40px;
    }
    .otzivi {
        grid-template-columns: repeat(1, 1fr);
        margin: 0;
        max-width: 100%;
        padding: 50px 30px;
        border-radius: 0;
        gap: 20px;
    }
    .page-min .otzivi {
        margin: 0;
        max-width: 100%;
    }

    .otzivi h2 {
        font-size: 42px;
        max-width: 100%;
    }
    .img-block img {
        height: 320px;
    }
    .gallery {
        margin: 0 0 30px;
    }

    .company {
        width: calc(100% + 60px);
        margin: 0 -30px;
    }
    .c-line{
        padding: 30px;
        border-radius: 0;
    }
    .fin {
        padding: 0 30px 0;
    }
}



@media screen and (max-width:800px){
    .type1 .ob-block, .slide {
        width: 500px;
        height: 520px;
    }
    .slide .min-img {
        width: 90%;
        right: 5%;
        bottom: 18%;
    }
    .txt-slide {
        max-width: 440px;
    }
    .zag-slide {
        font-size: 26px;
    }
    .txt-slide {
        font-size: 14px;
    }
    h1 {
        font-size: 38px;
    }
    .publ h1{
        font-size: 33px;
    }
    .publ h2 {
    font-size: 26px;
    }
    .publ h3 {
        font-size: 23px;
    }
    .first-txt p {
        font-size: 18px;
    }
    h2 {
        font-size: 40px;
        margin: 50px 0 20px;
    }
    .otzivi h2{
        font-size: 36px;
    }
    .content {
        margin: 60px auto;
        padding: 0 20px;
    }

    .content p, .opis ul, .publ-txt ul, .content ul, .benefits-text {
        font-size: 15px;
    }
    .portfolio-txt h3, .portfolio-txt p, .etapi-txt h3, .etapi-txt p, .pt-opis p {
        font-size: 14px;
    }
    .type2 .ob-block{
        width: 420px;
        height: 560px;
    }
    .type2.infinity-main {
        height: 560px;
    }
    .pt-next a{
        height: 420px;
    }
    .type3 .ob-block {
        width: 420px;
        height: 640px;
    }
    .type3.infinity-main {
        height: 640px;
    }
    .p-line {
        width: 100%;
        padding: 20px 20px;
        margin: 0 0 20px;
        min-height: 170px;
        position: relative;
        font-size: 14px;
		display:block;
    }
	.p-img{
    position: absolute;
    left: 12px;
	}
	.p-name {
        width: 50%;
        left: 20px;
        top: 20px;
        padding: 0 10px 10px 54px;
    }
    .p-buy{
        position: relative;
        width: 100%;
    }
    .p-price {
        width: 25%;
        position: absolute;
        left: 50%;
        top: 20px;
    }
    .p-srok {
        width: 25%;
        left: 75%;
        position: absolute;
        top: 20px;
    }


    .faq {
        font-size: 15px;
    }
    .faq-item input:checked ~ .faq-answer{
        margin: -10px 0 0 0;
    }
.faq-item {
	position:relative;
        background: #fff;
        border-bottom: 0px solid #eee;
        border-radius: 0;
        margin: 0 -20px;
    }
    .faq-item:after {
        content: '';
        position: absolute;
        width: calc(100% - 40px);
        height: 1px;
        background: #eee;
        margin: 0 20px 0;
        bottom: 0;
    }
    .opis {
        max-height: 250px;
    }



    .rightto .vs-right{
        display:block;
        height: 42px;
        width: 62px;
        position: absolute;
        right: 0;
        z-index: 2;
        background: #FFF;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 1) 49%);
    }

.rightto .vs-right:after{
content:'';
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%227px%22%20height%3D%2212px%22%20viewBox%3D%220%200%207%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(-41.5%2C%20-32)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(22%2C%2016)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22currentcolor%22%20d%3D%22M20.5798786%2C28%20C20.3124688%2C28%2020.045059%2C27.8976471%2019.8406514%2C27.6929412%20C19.4283363%2C27.2814118%2019.4262362%2C26.6115295%2019.8343512%2C26.1957648%20L23.9673032%2C21.9887063%20L19.8084502%2C17.8084714%20C19.3982352%2C17.3962361%2019.3968351%2C16.7256479%2019.8063502%2C16.311295%20C20.2151652%2C15.8969421%2020.8815897%2C15.8962362%2021.2911048%2C16.3091774%20L26.191285%2C21.234824%20C26.6015001%2C21.6470593%2026.6029002%2C22.314824%2026.1954852%2C22.7298827%20L21.3254061%2C27.6865883%20C21.1202985%2C27.8955294%2020.8500886%2C28%2020.5798786%2C28%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
height: 42px;
width: 42px;
background-repeat: no-repeat;
background-position: 50%;
display: block;
margin: 0 0 0 20px;
}




    .lefto .vs-left{
        display:block;
        height: 42px;
        width: 62px;
        position: absolute;
        z-index: 2;
        background: #FFF;
        background: linear-gradient(260deg, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 1) 49%);
    }

.lefto .vs-left:after{
content:'';
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%227px%22%20height%3D%2212px%22%20viewBox%3D%220%200%207%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(-23.5%2C%20-32)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(6%2C%2016)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22currentcolor%22%20d%3D%22M22.6745939%2C27.6865883%20L17.8045148%2C22.7298827%20C17.3970998%2C22.314824%2017.3984999%2C21.6470593%2017.808715%2C21.234824%20L22.7088952%2C16.3091774%20C23.1184103%2C15.8962362%2023.7848348%2C15.8969421%2024.1936498%2C16.311295%20C24.6031649%2C16.7256479%2024.6017648%2C17.3962361%2024.1915498%2C17.8084714%20L20.0326968%2C21.9887063%20L24.1656488%2C26.1957648%20C24.5737638%2C26.6115295%2024.5716637%2C27.2814118%2024.1593486%2C27.6929412%20C23.954941%2C27.8976471%2023.6875312%2C28%2023.4201214%2C28%20C23.1499114%2C28%2022.8797015%2C27.8955294%2022.6745939%2C27.6865883%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
height: 42px;
width: 42px;
background-repeat: no-repeat;
background-position: 50%;
display: block;
}

    .vs-mob{
        display: block;
        width: calc(80% + 30px);
        margin: 70px auto;
        font-size: 15px;
        line-height: 1.5;
        text-align: center;
    }

    .vertical-slider {
        padding: 0 15px 25px;
        margin: 0 -40px 0;
        height: auto;
        display: flex;
        flex-direction: column;
        overflow: unset;
        background:none;
    }

    .vs-tab.active {
        background-color: #eee;
    }
    .vs-tab.active h3 {
        display: block;
    }
    .vs-slide img {
        width: auto;
        height:100%;
        margin-left: 0 !important;
        opacity: 0;
    }

    .vs-slide.active img{
        width: auto;
    }

    /* ---------- СЛАЙДЕР ---------- */

    .vs-slider-track {
        order: 1;
        width: 100%;
        height: 400px;
        margin: 0 0 20px 0;
        position: relative;
        width: 80%;
        margin: 0 auto;
        padding: 50px;
        background: #fff;
        border-radius: 30px;
    }

    .vs-slide {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
    }

    .vs-in{
        position: relative;
        padding: 20px 0;
    }




    .vs-slide.active img {
        opacity: 1;
    }

    /* ---------- КНОПКИ ---------- */

    .vs-tabs {
        order: 2;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        min-width: 0;
        max-width: 100%;
        background: #fff;
        scrollbar-width: none;
        width: 100%;
    }

    .vs-tabs-wrapper {
        border-radius: 30px;
        position: relative;
        bottom: -470px;
        width: 80%;
        left: 10%;
        height: 42px;
        clip-path: inset(0 round 30px);
    }

    .vs-tabs::-webkit-scrollbar {
        display: none;
    }

    .vs-tab {
        flex: 0 0 auto;
        white-space: nowrap;
        margin: 0;
        padding: 12px 18px;
        border-radius: 50px;
        background:none;
    }

    /* ВАЖНО — табы не должны менять высоту */
    .vs-tab p {
        display: none !important;
    }

    .vs-tab h3 {
        margin: 0;
        font-size: 14px;
    }

    .vs-tab h3:before {
        display: none;
    }






    .politika {
        display: block;
        float: none;
        margin: 10px 0 0 0;
    }

    .politika a {
        margin: 0 20px 5px 0;
        line-height: 1.5;
    }
    .img-block img {
        height: 280px;
    }


    .img-one {
        text-align: center;
        margin: 30px -30px;
    }
    .img-three {
        margin: 30px -30px;
    }
    .img-two {
        margin: 30px -30px;
    }


    .otz-page .otz-txt p {
        font-size: 15px;
    }

    .otz-page .otz-img {
        grid-template-columns: repeat(4, 1fr);
    }






}


@media (min-width: 721px) and (max-width: 980px) {
    .etap-tt {
        padding: 25px 20px;
    }

    .etap-zag {
        font-size: 25px;
    }

    .etap-us a {
        font-size: 12px;
    }
}


@media screen and (max-width:720px){
    .pt-cat {
        grid-template-columns: repeat(1, 1fr);
    }
    .img-block img {
        height: 230px;
    }
}




@media screen and (max-width:700px){

    .form-show , .otz-show{
        padding: 20px;
    }
    .form-in p {
        max-width: calc(100% - 50px);
    }

    .form-title {
        font-size: 40px;
    }
    .form-txt {
        font-size: 15px;
    }
    .inputz {
        font-size: 15px;
    }
    .policy_text {
        font-size: 15px;
    }
    .btn-go {
        border: 1px solid #fff;
        font-size: 15px;
    }

    .otz-page .otz-img {
        grid-template-columns: repeat(3, 1fr);
    }

}





@media screen and (max-width:620px){
    .feee {
        width: 95%;
    }
    .logo-txt {
        width: 170px;
    }

    .form-in p {
        font-size: 20px;
    }
    .msngrs a{
        font-size: 15px;
    }
    .name-place, .phone-place, .car-place, .comment-place{
        padding: 16px 20px 0;
        height: 50px;
    }
    .form-show{
        font-size: 14px;
    }
    .name-place input, .phone-place input, .car-place input, .comment-place textarea{
        font-size: 14px;
    }
    .final-go{
        line-height: 60px;
        font-size: 16px;
        height: 60px;
    }
    .comment-place{
        height:20%;
    }
    .reversed {
        text-align: center;
        align-items: center;
    }

    .img-block img {
        height: 200px;
    }

    .otz-page .otz-img a {
        border-radius: 15px;
    }
	
	
	

}



@media screen and (max-width:580px){
    .lastm{
        padding: 5px;
        width: 38px;
        height: 38px;
    }
    .menu-right {
        height: 38px;
    }
    h1 {
        font-size: 35px;
        letter-spacing: 0;
    }
	.longh1{
	font-size: 27px;
	}
	.vlongh1{
	font-size: 30px;
	}
    .publ h1{
        font-size: 27px;
    }
    .publ h2 {
    font-size: 23px;
    }
    .publ h3 {
        font-size: 20px;
    }
    h2 {
        font-size: 33px;
        margin: 45px 0 20px;
    }
    .otzivi h2{
        font-size: 33px;
    }
    .first-txt p {
        font-size: 17px;
    }

    .infinity-main {

        margin: 30px 0;
    }
    .type1 .ob-block, .slide {
        width: 420px;
        height: 480px;
    }
    .type1.infinity-main {
        height: 480px;
    }
    .txt-slide {
        max-width: 380px;
    }
    .zag-slide {
        font-size: 23px;
    }


    .fe-price {
        width: 370px;
    }
    .fe-price, .price-go {
        font-size: 14px;
    }
    .price-go {
        width: 200px;
    }
    .blockfix .price-go {
        width: 240px;
    }


    .p-line{
        min-height: 158px;
    }
    .p-srok{
        display:none;
    }
    .p-price {
        width: 30%;
        left: 75%;
    }
    .p-name {
        width: 75%;
    }

    .vs-slide{
        padding:40px;
    }

    .vs-slider-track{
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    .vs-tabs-wrapper{
        width: calc(100% - 40px);
        left: 20px;
    }
    .vs-mob {
        width:100%;
    }

    .form-title {
        font-size: 32px;
    }

    .etap-tt {
        padding: 25px 20px;
    }

    .img-block img {
        height: 180px;
    }

    .gallery {
        margin: 0 0 20px;
    }

    .prc-v, .also-t{
        font-size: 42px;
    }
    .also-in, .prc-in{
        padding:30px;
    }

.otz-in-btn{
grid-template-columns: repeat(1, 1fr);
}


    .otz-page .otz-img{
        gap: 10px;
	}
	
	
	

.feee.f160 {
	background-size: 110%;
}

.feee.f170 {
	background-size: 120%;
}

.feee.f180 {
	background-size: 130%;
}

.feee.f190 {
	background-size: 140%;
}

.feee.f200 {
	background-size: 150%;
}


}



@media screen and (max-width:520px){
    .img-block img {
        height: 160px;
    }

    .otz-page .otz-block {
        padding: 25px;
    }
    .otz-page .otz-name {
        font-size: 17px;
    }
    .otz-page .otz-car {
        font-size: 15px;
    }

}


@media screen and (max-width:480px){

    .type1 .ob-block, .slide {
        width: 380px;
        height: 450px;
    }
    .type2 .ob-block{
        width: 380px;
        height: 540px;
    }
    .type2.infinity-main {
        height: 540px;
    }
    .pt-next a{
        height: 380px;
    }
    .type3 .ob-block {
        width: 380px;
        height: 610px;
    }
    .type3.infinity-main {
        height: 610px;
    }

    .content-max {
        margin: 20px auto;
    }
    .b-name {
        font-size: 14px;
    }
    .b-num {
        font-size: 11px;
    }
    .pt .ob-block {
        width: 250px;
    }
    .cat-uslug .ob-block {
        min-width: 140px;
    }
    .etap-zag {
        font-size: 25px;
    }
    .etap-us a {
        font-size: 12px;
    }

    .pt-cat {
        gap: 1px;
    }
    .pt-cat .ob-block {
        margin: 0;
        border-radius: 0;
    }
    .content-max {
        margin: 0 auto 30px;
        padding: 0;
    }
    .img-block img {
        height: 150px;
    }
	
.feee.f100 {
	background-size: 100%;
}

.feee.f110 {
	background-size: 110%;
}

.feee.f120 {
	background-size: 120%;
}

.feee.f130 {
	background-size: 130%;
}

.feee.f140 {
	background-size: 140%;
}

.feee.f150 {
	background-size: 150%;
}

.feee.f160 {
	background-size: 160%;
}

.feee.f170 {
	background-size: 170%;
}

.feee.f180 {
	background-size: 180%;
}

.feee.f190 {
	background-size: 190%;
}

.feee.f200 {
	background-size: 200%;
}
	
	
}




@media screen and (max-width:460px){

    .header-in,.headfix, header {
        height: 60px;
    }
    .lastm {
        width: 36px;
        height: 36px;
    }
    .menu-right {
        height: 36px;
        margin: 12px 20px;
    }
    .itemsmenu-mob {
        top: 2px;
    }
    .logo {
        width: 200px;
        padding: 5px;
    }
    .logo-txt {
        width: 150px;
    }
    .menu-drop {
        width: 100%;
    }

    .fe-price {
        width: 345px;
    }
    .fe {
        margin: 10px 30px;
    }
    .price-go{
        padding: 0 10px;
        width: 190px;
    }
    .p-name {
        width: 100%;
    }
    .wht {
        margin: 5px 3px 5px 0;
    }
    .p-price {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        padding: 0 0 10px 54px;
    }
	
	.p-srok {
		display:block;
        position: absolute;
        bottom: 81px;
        top: auto;
        right: 20px;
        left: auto;
    }



    .type1 .ob-block, .slide {
        width: 360px;
        height: 430px;
    }
    .txt-slide {
        max-width: 320px;
    }
    .slide .min-img {
        width: 95%;
        right: 2.5%;
    }
    .type1.infinity-main {
        height: 430px;
    }

    .type2 .ob-block{
        width: 360px;
        height: 530px;
    }
    .pt-next a{
        height: 360px;
    }
    .type2.infinity-main {
        height: 530px;
    }
    .type3 .ob-block {
        width: 360px;
        height: 590px;
    }


    .img-block img {
        height: 140px;
    }



}



@media screen and (max-width:420px){



    .fe-price {
        width: 330px;
    }
    .fe-price, .price-go {
        font-size: 13px;
    }

    .price-go {
        width: 180px;
    }

    .type1 .ob-block, .slide {
        width: 330px;
        height: 430px;
    }

    .type2 .ob-block{
        width: 330px;
        height: 500px;
    }

    .type2.infinity-main {
        height: 500px;
    }
    .pt-next a{
        height: 330px;
    }
    .type3 .ob-block {
        width: 330px;
        height: 590px;
    }

    .content {
        padding: 0 20px;
    }


    .faq-question::after {
        right: 20px;
    }
    .faq-item {
        border-radius: 25px;
    }



    .fin {
        padding: 50px 20px 0;
    }
    .form-title {
        font-size: 25px;
    }
    .rt-choice {
        max-width: 320px;
    }
    .rt1, .rt2 {
        font-size: 13px;
    }

    .img-block img {
        height: 128px;
    }


    .img-one {
        text-align: center;
        margin: 20px -20px;
    }
    .img-three {
        margin: 20px -20px;
    }
    .img-two {
        margin: 20px -20px;
    }
	
	
	.otz-page .otz-img {
        grid-template-columns: repeat(2, 1fr);
    }


}

/* MadeAuto Shop: scoped storefront styles and shared cart */
.shop-page .nbg {
    position: relative;
    width: 100%;
}

.shop-page .nbg-center {
    position: relative;
    align-items: center;
    max-width: 1600px;
    margin: 180px auto 110px;
    user-select: none;
}

.shop-page .nbg-txt {
    padding: 0 40px;
}

.shop-page .nbg-txt h1 {
    margin: -10px 0 -20px;
    font-size: 55px;
    text-transform: unset;
    letter-spacing: 0;
    max-width:600px;
}

.shop-page .nbg-txt .h01 {
    font-size: 130px;
}

.shop-page .nbg-txt .h02 {
    font-size: 120px;
}

.shop-page .nbg-txt p {
    margin: 40px 0;
    font-size: 20px;
    line-height: 1.5;
    max-width: 600px;
}

.shop-page .nbg-block {
    position: absolute;
    top: 110px;
    right: 0;
    width: 50%;
    height: calc(100% - 110px);
    max-width: 900px;
    overflow: hidden;
    background-image: var(--bg-1500);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 85%;
	display:none;
}

.shop-page .go-cat{
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cg fill='%23fff' transform='rotate(180 11 11)'%3E%3Cpath d='M8.41421356,11 L15.7071068,3.70710678 C16.0976311,3.31658249 16.0976311,2.68341751 15.7071068,2.29289322 C15.3165825,1.90236893 14.6834175,1.90236893 14.2928932,2.29289322 L6.29289322,10.2928932 C5.90236893,10.6834175 5.90236893,11.3165825 6.29289322,11.7071068 L14.2928932,19.7071068 C14.6834175,20.0976311 15.3165825,20.0976311 15.7071068,19.7071068 C16.0976311,19.3165825 16.0976311,18.6834175 15.7071068,18.2928932 L8.41421356,11 Z'/%3E%3C/g%3E%3C/svg%3E");
background-color: #000;
    border-radius: 40px;
    position: absolute;
    height: 60px;
    color: #fff;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    transition: width 0.2s linear, padding 0.2s linear;
    width: 320px;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 93% 50%;
padding: 0 20px 0 0;
}

.shop-page .sh .b-big .bei img {
    width: 100%;
}

.shop-page .sh .bei {
    top: auto;
    right: 5%;
    bottom: 20px;
    width: 90%;
}

.shop-page .sh .ob-block.brand-el {
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.055);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.shop-page .sh .ob-block.brand-el:focus-within {
    outline: 2px solid #0071e3;
    outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
    .shop-page .sh .ob-block.brand-el:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.075);
    }
}

.shop-page .sh .tab-panel[data-panel="other"] .brands-auto {
    display: flex;
    width: max-content;
    min-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: 24px;
    padding: 10px 2px 14px;
}

.shop-page .shop-brand-item {
    display: grid;
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
    flex: 0 0 240px;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    padding: 12px 14px;
    border: 0;
    border-radius: 16px;
    color: #1d1d1f;
    background: transparent;
    box-shadow: none;
    box-sizing: border-box;
    text-decoration: none;
    transition: background-color 160ms ease, color 160ms ease;
}

.shop-page .shop-brand-item__logo {
    display: grid;
    width: 64px;
    height: 64px;
    place-items: center;
}

.shop-page .shop-brand-item__logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.shop-page .shop-brand-item__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.shop-page .shop-brand-item__copy strong,
.shop-page .shop-brand-item__copy small {
    display: block;
    max-width: 100%;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.shop-page .shop-brand-item__copy strong {
    overflow: hidden;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    text-overflow: ellipsis;
}

.shop-page .shop-brand-item__copy small {
    color: #86868b;
    font-size: 14px;
    line-height: 1.25;
}

.shop-page .tabs.is-other-active .infinity-main.sh,
.shop-page .tabs.is-other-active .scroll-pc-block,
.shop-page .tabs.is-other-active .scroll-pc-in,
.shop-page .tabs.is-other-active .infinity-in,
.shop-page .tabs.is-other-active .tab-panels,
.shop-page .tabs.is-other-active .tab-panel[data-panel="other"] {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

.shop-page .tabs.is-other-active .infinity-main.sh {
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    margin-bottom: 24px !important;
}

.shop-page .tabs.is-other-active .scroll-pc-block,
.shop-page .tabs.is-other-active .scroll-pc-in {
    padding-bottom: 0 !important;
}

.shop-page .main-shop.is-other-active {
    margin-bottom: 52px !important;
}

@media (hover: hover) and (pointer: fine) {
    .shop-page .shop-brand-item:hover {
        background: #f5f5f7;
    }
}

.shop-page .shop-brand-item:focus-visible {
    outline: 2px solid #0071e3;
    outline-offset: 2px;
}

@media (max-width: 700px) {
    .shop-page .tabs.is-other-active .infinity-main.sh {
        height: 96px !important;
        min-height: 96px !important;
        max-height: 96px !important;
        margin-bottom: 18px !important;
    }

    .shop-page .sh .tab-panel[data-panel="other"] .brands-auto {
        gap: 12px;
        padding: 6px 0 10px;
    }

    .shop-page .shop-brand-item {
        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
        height: 80px !important;
        min-height: 80px !important;
        max-height: 80px !important;
        flex-basis: 210px;
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 14px;
        padding: 8px 10px;
    }

    .shop-page .shop-brand-item__logo {
        width: 54px;
        height: 54px;
    }

    .shop-page .shop-brand-item__copy {
        gap: 3px;
    }

    .shop-page .shop-brand-item__copy strong {
        font-size: 16px;
    }

    .shop-page .shop-brand-item__copy small {
        font-size: 13px;
    }

    .shop-page .main-shop.is-other-active {
        margin-bottom: 34px !important;
    }
}




@media screen and (max-width: 1600px) {
    .shop-page .nbg-txt h1 {
        margin: -10px 0 -20px;
        font-size: 45px;
    }

    .shop-page .nbg-txt .h01 {
        font-size: 120px;
    }

    .shop-page .nbg-txt .h02 {
        font-size: 110px;
    }

    .shop-page .nbg-txt p {
        margin: 40px 0;
        font-size: 24px;
        line-height: 1.5;
    }

    .shop-page .nbg-block {
        background-image: var(--bg-1300);
    }
}

@media screen and (max-height: 900px) and (max-width: 1280px) {
    .shop-page .nbg-txt {
        padding: 0 30px;
    }

    .shop-page .nbg-txt h1 {
        margin: -10px 0 -20px;
        font-size: 75px;
    }

    .shop-page .nbg-txt .h01 {
        font-size: 120px;
    }

    .shop-page .nbg-txt .h02 {
        font-size: 110px;
    }

    .shop-page .nbg-txt p {
        font-size: 24px;
    }

    .shop-page .nbg-block {
        background-image: var(--bg-900);
    }
}


@media screen and (max-width: 1024px) {
    .shop-page .nbg-center {
        align-items: unset;
    }


    .shop-page .nbg-txt h1 {
        margin: -5px 0 -10px;
        font-size: 55px;
    }

    .shop-page .nbg-txt .h01 {
        font-size: 100px;
    }

    .shop-page .nbg-txt .h02 {
        font-size: 90px;
    }

    .shop-page .nbg-txt p {

        font-size: 22px;
        line-height: 1.5;
    }

    .shop-page .nbg-block {
        top: unset;
        bottom: 80px;
        width: 100%;
        max-height: 60%;
    }

    .shop-page .nbg-block.big1 {
        bottom: 90px;
        max-height: 55%;
    }

    .shop-page .nbg-block.big2 {
        bottom: 100px;
        max-height: 50%;
    }
}

@media screen and (max-height: 780px) and (max-width: 1024px) {
    .shop-page .nbg-block {
        max-height: 50%;
    }
}

@media screen and (max-height: 680px) and (max-width: 1024px) {
    .shop-page .nbg-block {
        max-height: 48%;
    }
}

@media screen and (max-width: 860px) {
    .shop-page .nbg-center {
        align-items: unset;
    }


    .shop-page .nbg-txt h1 {
        font-size: 46px;
    }

    .shop-page .nbg-txt .h01 {
        font-size: 80px;
    }

    .shop-page .nbg-txt .h02 {
        font-size: 75px;
    }

    .shop-page .nbg-txt p {

        font-size: 19px;
    }

    .shop-page .nbg-block {
        top: unset;
        bottom: 80px;
        width: 100%;
        max-height: 60%;
    }

    .shop-page .nbg-block.big1 {
        bottom: 90px;
        max-height: 45%;
    }

    .shop-page .nbg-block.big2 {
        bottom: 100px;
        max-height: 40%;
    }
}

@media screen and (max-height: 780px) and (max-width: 860px) {
    .shop-page .nbg-block {
        max-height: 50%;
    }
}

@media screen and (max-height: 680px) and (max-width: 860px) {
    .shop-page .nbg-block {
        max-height: 48%;
    }
}

@media screen and (max-width: 720px) {
    .shop-page .path {
        font-size: 16px;
    }


    .shop-page .nbg-txt h1 {
        font-size: 46px;
    }

    .shop-page .nbg-txt .h01,
    .shop-page .nbg-txt .h02 {
        font-size: 70px;
    }


    .shop-page .nbg-block,
    .shop-page .nbg-block.big1,
    .shop-page .nbg-block.big2 {
        top: calc(220px + 10%);
        bottom: unset;
        width: 100%;
        max-height: 48%;
    }

    .shop-page .nbg-block {
        background-image: var(--bg-800);
    }
}

@media screen and (max-width: 620px) {
    .shop-page .path {
        height: 38px;
        font-size: 14px;
        line-height: 38px;
        background-position: 9px 50%;
        background-size: 15px;
    }
}

@media screen and (max-width: 520px) {
    .shop-page .path {
        height: 36px;
        margin: 0 0 15px;
        padding: 0 20px 0 28px;
        font-size: 13px;
        line-height: 36px;
        background-position: 9px 50%;
        background-size: 13px;
    }
}

@media (min-width: 1025px) and (max-aspect-ratio: 2/1),
       (max-width: 719px) and (max-aspect-ratio: 10/16) {
    .shop-page .nbg-block.bg100 {
        background-size: 100%;
    }

}

/* -------------------------------------------------------------------------- */

.shop-page .main-shop {
    max-width: 1600px;
    margin: 30px auto 140px;
}

.shop-page .g-bg {
    background: #fff;
}

 .shop-page .tabs {
  width: 100%;
}

.shop-page .infinity-main.sh{
    margin: 10px 0 40px;
}

.shop-page .main-shop .infinity-in{
    max-width: 1600px;
    padding: 0 20px 0 0;
}

/* Горизонтальная прокрутка на маленьких экранах */
.shop-page .tabs-scroll {
    width: 100%;
    overflow-x: auto;
    padding: 4px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.shop-page .tabs-scroll::-webkit-scrollbar {
  display: none;
}

.shop-page .tabs-list {
    --indicator-x: 4px;
    --indicator-y: 4px;
    --indicator-width: 100px;
    --indicator-height: 36px;
    position: relative;
    display: inline-flex;
    align-items: center;
    min-width: max-content;
    padding: 4px;
    border-radius: 999px;
    background: #f2f2f2;
    margin: 0 40px;
}

/* Двигающаяся тёмная капсула */
.shop-page .tab-indicator {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;

  width: var(--indicator-width);
  height: var(--indicator-height);

  background: #fff;
  border-radius: 999px;

  transform: translate(
    var(--indicator-x),
    var(--indicator-y)
  );

  transition:
    transform 350ms cubic-bezier(0.32, 0.72, 0, 1),
    width 350ms cubic-bezier(0.32, 0.72, 0, 1);
}

.shop-page .tab {
  position: relative;
  z-index: 1;

  height: 50px;
  padding: 0 25px;

  border: 0;
  border-radius: 999px;
  background: transparent;

  color: #494949;

  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;

  transition: color 250ms ease;
}

.shop-page .tab:hover {
  color: #1d1d1f;
}

.shop-page .tab-brand-icon {
  display: block;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  margin-right: 9px;
  object-fit: contain;
}

.shop-page .tab-label {
  display: block;
}

.shop-page .tab.active,
.shop-page .tab.active:hover {
  color: #000;
}

.shop-page .tab:focus-visible {
  outline: 2px solid #0071e3;
  outline-offset: 2px;
}

.shop-page .tab-panels {
    margin: 24px 40px 0;
}

.shop-page .tab-panel {
  animation: panel-show 250ms ease;
}

.shop-page .tab-panel[hidden] {
  display: none;
}

@keyframes panel-show {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 600px) {

  .shop-page .tab {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .shop-page .tab-indicator,
  .shop-page .tab-panel {
    transition: none;
    animation: none;
  }
}

/* -------------------------------------------------------------------------- */

.shop-page .products {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 40px 140px;
    font-family: inherit;
}

.shop-page .products section + section {
    margin-top: 100px;
}

.shop-page .products h2 {
    margin: 0 0 30px;
    color: #171717;
    font-size: clamp(34px, 3vw, 48px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.035em;
    text-transform: none;
}

.shop-page .product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.shop-page .product-card {
    position: relative;
    display: block;
    min-width: 0;
    overflow: hidden;
    border-radius: 30px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
    transition: transform 300ms cubic-bezier(0.2, 0.75, 0.25, 1), box-shadow 300ms ease;
}

.shop-page .product-gallery {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    aspect-ratio: 1.22 / 1;
    background: #fff;
}

.shop-page .product-track {
    display: flex;
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.shop-page .product-track::-webkit-scrollbar {
    display: none;
}

.shop-page .product-slide {
    display: grid;
    min-width: 0;
    height: 100%;
    place-items: center;
    padding: 0 0 18px;
    box-sizing: border-box;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    flex: 0 0 100%;
    width: 100%;
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
}

.shop-page .product-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
}

/* Keep any space from proportional fitting below the card photograph. */
.shop-page .product-card .product-slide img {
    object-position: center top;
}

.shop-page .gallery-arrow {
    position: absolute;
    z-index: 3;
    top: 50%;
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(225, 225, 228, 0.9);
    color: #55565a;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    transform: translateY(-50%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: opacity 180ms ease, background-color 180ms ease;
}

.shop-page .gallery-arrow.prev {
    left: 18px;
}

.shop-page .gallery-arrow.next {
    right: 18px;
}

.shop-page .gallery-arrow svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.shop-page .gallery-arrow:disabled {
    cursor: default;
}

.shop-page .gallery-arrow:focus-visible,
.shop-page .gallery-dot:focus-visible,
.shop-page .products-all:focus-visible {
    outline: 2px solid #0071e3;
    outline-offset: 3px;
}

.shop-page .gallery-dots {
    position: absolute;
    z-index: 2;
    right: 24px;
    bottom: 12px;
    left: 24px;
    display: flex;
    justify-content: center;
    gap: 7px;
    pointer-events: none;
}

.shop-page .gallery-dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #c9c9cc;
    opacity: 0.75;
    pointer-events: auto;
    cursor: pointer;
    transition: width 180ms ease, background-color 180ms ease, opacity 180ms ease;
}

.shop-page .gallery-dot.is-active {
    width: 20px;
    border-radius: 999px;
    background: #1d1d1f;
    opacity: 1;
}

.shop-page .gallery-status {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.shop-page .product-info {
    display: flex;
    min-width: 0;
    min-height: 174px;
    flex-direction: column;
    padding: 21px 30px 30px;
}

.shop-page .product-car {
    margin: 0 0 8px;
    color: #6e6e73;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0.01em;
}

.shop-page .product-name {
    max-width: 100%;
    margin: 0 0 24px;
    color: #1d1d1f;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-transform: none;
}

.shop-page .product-price {
    margin: auto 0 0;
    color: #1d1d1f;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.shop-page .products-footer {
    display: flex;
    justify-content: center;
    margin-top: 52px;
}

.shop-page .products-all {
    display: inline-flex;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    border: 1px solid #1d1d1f;
    border-radius: 999px;
    background: #1d1d1f;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color 180ms ease, color 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
    .shop-page .product-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 18px 45px rgba(0, 0, 0, 0.1);
    }

    .shop-page .product-gallery:hover .gallery-arrow,
    .shop-page .product-gallery:focus-within .gallery-arrow {
        opacity: 1;
        pointer-events: auto;
    }

    .shop-page .product-gallery:hover .gallery-arrow:disabled,
    .shop-page .product-gallery:focus-within .gallery-arrow:disabled {
        opacity: 0.32;
    }

    .shop-page .gallery-arrow:hover {
        background: rgba(210, 210, 214, 0.96);
    }

    .shop-page .products-all:hover {
        background: #fff;
        color: #1d1d1f;
    }
}

@media (max-width: 1100px) {
    .shop-page .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .shop-page .products {
        padding: 0 16px 90px;
    }

    .shop-page .products section + section {
        margin-top: 70px;
    }

    .shop-page .products h2 {
        margin-bottom: 20px;
        font-size: 34px;
    }

    .shop-page .product-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .shop-page .product-card {
        border-radius: 24px;
    }

    .shop-page .product-gallery {
        aspect-ratio: 1.15 / 1;
    }

    .shop-page .product-slide {
        padding: 0 0 18px;
    }

    .shop-page .gallery-arrow {
        display: none;
    }

    .shop-page .product-info {
        min-height: 158px;
        padding: 18px 22px 24px;
    }

    .shop-page .product-name {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .shop-page .products-footer {
        margin-top: 36px;
    }

    .shop-page .products-all {
        width: 100%;
        box-sizing: border-box;
    }

    .shop-page .tabs-list {
        margin: 0 16px;
    }

    .shop-page .tab-panels {
        margin: 24px 16px 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shop-page .product-card,
    .shop-page .gallery-arrow,
    .shop-page .gallery-dot,
    .shop-page .products-all {
        transition: none;
    }

    .shop-page .product-track {
        scroll-behavior: auto;
    }
}

/* -------------------------------------------------------------------------- */

body.ma-cart-lock {
    overflow: hidden;
    overscroll-behavior: none;
}

.ma-cart-trigger,
.ma-cart-panel,
.ma-cart-added,
.ma-cart-add {
    font-family: inherit;
}


.menu .mri {
    display: flex;
    align-items: center;
}

.ma-cart-trigger {
    position: relative;
    display: inline-grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    margin: 0 14px 0 10px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f2f2f4;
    color: #171719;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.ma-cart-trigger svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ma-cart-trigger__count {
    position: absolute;
    top: -3px;
    right: -5px;
    display: grid;
    min-width: 20px;
    height: 20px;
    place-items: center;
    padding: 0 5px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #111113;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
}

.ma-cart-trigger__count[hidden] {
    display: none;
}

.shop-page .product-buy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: auto;
}

.shop-page .product-buy .product-price {
    min-width: 0;
    margin: 0;
}

.ma-cart-add {
    position: relative;
    display: inline-grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #1d1d1f;
    color: #fff;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.ma-cart-add svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ma-cart-add__icon {
    display: grid;
    place-items: center;
}

.ma-cart-add__icon--added {
    display: none;
}

.ma-cart-add.is-added {
    background: #138a5b;
}

.ma-cart-add.is-added .ma-cart-add__icon--add {
    display: none;
}

.ma-cart-add.is-added .ma-cart-add__icon--added {
    display: grid;
}

.ma-cart-add.is-bumping {
    animation: ma-cart-bump 320ms cubic-bezier(0.2, 0.8, 0.25, 1);
}

@keyframes ma-cart-bump {
    45% { transform: scale(0.9); }
    75% { transform: scale(1.08); }
}

.ma-cart-layer,
.ma-cart-added {
    position: fixed;
    z-index: 20000;
    inset: 0;
    visibility: hidden;
    pointer-events: none;
    transition: visibility 0s linear 320ms;
}

.ma-cart-layer.is-open,
.ma-cart-added.is-open {
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}

.ma-cart-layer *,
.ma-cart-added * {
    box-sizing: border-box;
}

.ma-cart-layer [hidden],
.ma-cart-added [hidden] {
    display: none !important;
}

.ma-cart-layer__backdrop,
.ma-cart-added__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(12, 12, 14, 0.38);
    opacity: 0;
    cursor: default;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    transition: opacity 280ms ease;
}

.ma-cart-layer.is-open .ma-cart-layer__backdrop,
.ma-cart-added.is-open .ma-cart-added__backdrop {
    opacity: 1;
}

.ma-cart-panel {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    width: min(480px, 100%);
    height: 100vh;
    height: 100dvh;
    min-height: 100%;
    overflow: hidden;
    background: #f7f7f8;
    color: #1d1d1f;
    box-shadow: -24px 0 70px rgba(0, 0, 0, 0.16);
    outline: 0;
    transform: translateX(104%);
    transition: transform 320ms cubic-bezier(0.22, 0.8, 0.26, 1);
}

.ma-cart-layer.is-open .ma-cart-panel {
    transform: translateX(0);
}

.ma-cart-view {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
}

.ma-cart-panel h2,
.ma-cart-panel h3,
.ma-cart-added h2 {
    max-width: none;
    margin: 0;
    color: #1d1d1f;
    font-family: inherit;
    font-weight: 650;
    letter-spacing: -0.025em;
    text-transform: none;
}

.ma-cart-panel h2,
.ma-cart-added h2 {
    font-size: 28px;
    line-height: 1.1;
}

.ma-cart-panel h3 {
    font-size: 21px;
    line-height: 1.2;
}

.ma-cart-panel p,
.ma-cart-added p {
    text-transform: none;
}

.ma-cart-panel__header {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 92px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: max(22px, env(safe-area-inset-top)) 24px 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.ma-cart-panel__header-copy {
    min-width: 0;
    flex: 1;
}

.ma-cart-panel__eyebrow {
    display: block;
    margin: 0 0 5px;
    color: #77777d;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.2;

}

.ma-cart-icon-button {
    display: inline-grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #ededf0;
    color: #1d1d1f;
    cursor: pointer;
    transition: background-color 180ms ease, transform 180ms ease;
}

.ma-cart-icon-button svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ma-cart-panel__body {
    min-height: 0;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 18px 20px 28px;
    -webkit-overflow-scrolling: touch;
}

.ma-cart-empty {
    display: flex;
    min-height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 46px 24px;
    text-align: center;
}

.ma-cart-empty__icon {
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    margin-bottom: 22px;
    border-radius: 24px;
    background: #ebebee;
    color: #6e6e73;
}

.ma-cart-empty__icon svg {
    width: 34px;
    height: 34px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ma-cart-empty p {
    max-width: 320px;
    margin: 10px 0 24px;
    color: #6e6e73;
    font-size: 15px;
    line-height: 1.5;
}

.ma-cart-items {
    display: grid;
    gap: 12px;
}

.ma-cart-item {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 14px;
    padding: 12px;
    border: 1px solid rgba(0, 0, 0, 0.055);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.035);
}

.ma-cart-item__picture {
    position: relative;
    display: grid;
    width: 92px;
    height: 92px;
    place-items: center;
    overflow: hidden;
    border-radius: 16px;
    background: #f5f5f6;
}

.ma-cart-item__picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.ma-cart-item__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ma-cart-item__vehicle {
    margin: 2px 0 4px;
    overflow: hidden;
    color: #77777d;
    font-size: 12px;
    font-weight: 550;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ma-cart-item__name {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #1d1d1f;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ma-cart-item__price {
    margin: 7px 0 10px;
    color: #1d1d1f;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.2;
}

.ma-cart-item__controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
}

.ma-cart-quantity {
    display: inline-grid;
    grid-template-columns: 30px 30px 30px;
    align-items: center;
    overflow: hidden;
    border: 1px solid #dedee2;
    border-radius: 999px;
    background: #fafafa;
}

.ma-cart-quantity button {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #1d1d1f;
    font: inherit;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.ma-cart-quantity button:disabled {
    color: #b7b7bc;
    cursor: default;
}

.ma-cart-quantity span {
    color: #1d1d1f;
    font-size: 13px;
    font-weight: 650;
    text-align: center;
}

.ma-cart-item__remove {
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: #8b3232;
    font: inherit;
    font-size: 12px;
    font-weight: 550;
    cursor: pointer;
}

.ma-cart-panel__footer {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    padding: 18px 24px max(22px, env(safe-area-inset-bottom));
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 -14px 36px rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.ma-cart-total {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    color: #5f5f64;
    font-size: 14px;
}

.ma-cart-total strong {
    color: #1d1d1f;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.ma-cart-primary-button,
.ma-cart-secondary-button {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    padding: 13px 22px;
    border: 0;
    border-radius: 16px;
    font: inherit;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    transition: background-color 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.ma-cart-primary-button {
    width: 100%;
    background: #1d1d1f;
    color: #fff;
}

.ma-cart-secondary-button {
    background: #ededf0;
    color: #1d1d1f;
}

.ma-cart-form {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
}

.ma-cart-form__body {
    display: grid;
    min-height: 0;
    flex: 1 1 auto;
    align-content: start;
    gap: 18px;
    overflow-y: auto;
    padding: 24px;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.ma-cart-form__intro {
    margin: 0 0 4px;
    color: #66666b;
    font-size: 14px;
    line-height: 1.5;
}

.ma-cart-field {
    display: grid;
    gap: 8px;
    color: #303034;
    font-size: 13px;
    font-weight: 600;
}

.ma-cart-field > span b {
    color: #c53a3a;
}

.ma-cart-field input,
.ma-cart-field textarea {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 14px 15px;
    border: 1px solid #dcdce1;
    border-radius: 14px;
    outline: 0;
    background: #fff;
    color: #1d1d1f;
    font: inherit;
    font-size: 16px;
    font-weight: 450;
    line-height: 1.35;
    text-transform: none;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.ma-cart-field textarea {
    min-height: 128px;
    resize: vertical;
}

.ma-cart-field input::placeholder,
.ma-cart-field textarea::placeholder {
    color: #aaaab0;
}

.ma-cart-field input:focus,
.ma-cart-field textarea:focus {
    border-color: #77777e;
    box-shadow: 0 0 0 4px rgba(40, 40, 44, 0.08);
}

.ma-cart-field input[aria-invalid="true"],
.ma-cart-field textarea[aria-invalid="true"] {
    border-color: #c94b4b;
    box-shadow: 0 0 0 4px rgba(201, 75, 75, 0.08);
}

.ma-cart-field small {
    min-height: 0;
    color: #b43b3b;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
}

.ma-cart-field small:empty {
    display: none;
}

.ma-cart-form__footer p {
    margin: 10px 4px 0;
    color: #909096;
    font-size: 11px;
    line-height: 1.4;
    text-align: center;
}

.ma-cart-success {
    position: relative;
    align-items: center;
    justify-content: center;
    padding: max(80px, env(safe-area-inset-top)) 36px max(50px, env(safe-area-inset-bottom));
    text-align: center;
}

.ma-cart-success__close {
    position: absolute;
    top: max(22px, env(safe-area-inset-top));
    right: 22px;
}

.ma-cart-success__icon,
.ma-cart-added__icon {
    display: grid;
    width: 76px;
    height: 76px;
    place-items: center;
    margin-bottom: 24px;
    border-radius: 26px;
    background: #e3f4eb;
    color: #138a5b;
}

.ma-cart-success__icon svg,
.ma-cart-added__icon svg {
    width: 38px;
    height: 38px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ma-cart-success > p:not(.ma-cart-panel__eyebrow) {
    max-width: 330px;
    margin: 14px 0 28px;
    color: #67676c;
    font-size: 15px;
    line-height: 1.55;
}

.ma-cart-success .ma-cart-primary-button {
    max-width: 320px;
}

.ma-cart-added {
    z-index: 20010;
    display: grid;
    place-items: center;
    padding: 20px;
}

.ma-cart-added__dialog {
    position: relative;
    width: min(430px, 100%);
    padding: 34px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.97);
    color: #1d1d1f;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
    opacity: 0;
    outline: 0;
    transform: translateY(18px) scale(0.97);
    transition: opacity 240ms ease, transform 280ms cubic-bezier(0.2, 0.8, 0.25, 1);
}

.ma-cart-added.is-open .ma-cart-added__dialog {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.ma-cart-added__close {
    position: absolute;
    top: 18px;
    right: 18px;
}

.ma-cart-added__icon {
    width: 64px;
    height: 64px;
    margin-bottom: 22px;
    border-radius: 22px;
}

.ma-cart-added__icon svg {
    width: 31px;
    height: 31px;
}

.ma-cart-added h2 {
    max-width: 330px;
}

.ma-cart-added__meta {
    margin: 11px 0 26px;
    color: #6e6e73;
    font-size: 14px;
    line-height: 1.45;
}

.ma-cart-added__actions {
    display: grid;
    gap: 10px;
}

.ma-cart-added__actions .ma-cart-secondary-button {
    width: 100%;
}

.ma-cart-trigger:focus-visible,
.ma-cart-add:focus-visible,
.ma-cart-icon-button:focus-visible,
.ma-cart-primary-button:focus-visible,
.ma-cart-secondary-button:focus-visible,
.ma-cart-quantity button:focus-visible,
.ma-cart-item__remove:focus-visible {
    outline: 2px solid #0071e3;
    outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
    .ma-cart-trigger:hover,
    .ma-cart-icon-button:hover {
        background: #e2e2e6;
    }

    .ma-cart-trigger:hover,
    .ma-cart-add:hover {
        transform: translateY(-1px);
    }

    .ma-cart-add:hover {
        background: #000;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
    }

    .ma-cart-add.is-added:hover {
        background: #0e744b;
    }

    .ma-cart-item__remove:hover {
        color: #b51f1f;
    }
}

@media (max-width: 700px) {
    .ma-cart-trigger {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        margin-right: 8px;
        margin-left: 6px;
    }

    .ma-cart-trigger svg {
        width: 20px;
        height: 20px;
    }

    .ma-cart-add {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    .ma-cart-panel {
        width: 100%;
        box-shadow: none;
    }

    .ma-cart-panel__header {
        min-height: 84px;
        padding-right: 18px;
        padding-left: 18px;
    }

    .ma-cart-panel__body {
        padding-right: 14px;
        padding-left: 14px;
    }

    .ma-cart-panel__footer,
    .ma-cart-form__body {
        padding-right: 18px;
        padding-left: 18px;
    }

    .ma-cart-added {
        align-items: end;
        padding: 10px;
    }

    .ma-cart-added__dialog {
        padding: 30px 22px max(24px, env(safe-area-inset-bottom));
        border-radius: 28px;
        transform: translateY(30px);
    }
}

@media (max-width: 380px) {
    .ma-cart-item {
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 11px;
        padding: 10px;
    }

    .ma-cart-item__picture {
        width: 76px;
        height: 84px;
    }

    .ma-cart-quantity {
        grid-template-columns: 28px 27px 28px;
    }

    .ma-cart-quantity button {
        width: 28px;
        height: 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ma-cart-trigger,
    .ma-cart-add,
    .ma-cart-layer,
    .ma-cart-layer__backdrop,
    .ma-cart-panel,
    .ma-cart-added,
    .ma-cart-added__backdrop,
    .ma-cart-added__dialog,
    .ma-cart-icon-button,
    .ma-cart-primary-button,
    .ma-cart-secondary-button {
        animation: none;
        transition: none;
    }
}

/* -------------------------------------------------------------------------- */

/* Общая обложка главной страницы магазина */
.shop-page .nbg-block--shop {
    --bg-1500: none;
    --bg-1300: none;
    --bg-900: none;
    --bg-800: none;
}


/* Каталог товаров */
.shop-page {
    margin: 0;
    color: #1d1d1f;
    background: #fff;
}

.shop-catalog {
    --catalog-surface: #f5f5f7;
    --catalog-border: #d2d2d7;
    --catalog-text: #1d1d1f;
    background: #fff;
}

.shop-page .catalog,
.shop-page .catalog * {
    box-sizing: border-box;
}

.shop-catalog .catalog {
    width: 100%;
    max-width: none;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    color: var(--catalog-text);
}

.shop-page .catalog-hero,
.shop-page .catalog-storefront__inner {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
}

.shop-page .catalog-hero {
    padding: 142px 40px 34px;
}

.shop-page .catalog-storefront {
    background: #fff;
}

.shop-page .catalog-storefront__inner {
    padding: 34px 40px 140px;
}

.shop-catalog .catalog-heading {
    max-width: 1100px;
    padding-bottom: 0;
}

.shop-page .catalog-back-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 14px;
    color: var(--catalog-text);
    font-size: clamp(22px, 2vw, 28px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.025em;
    text-decoration: none;
}

.shop-page .catalog-back-link::before {
    content: "←";
    font-size: 0.82em;
    font-weight: 500;
    transform: translateY(-1px);
}

.shop-catalog .catalog-heading h1 {
    margin: 0;
    color: var(--catalog-text);
    font-size: clamp(32px, 3.2vw, 46px);
    font-weight: 650;
    line-height: 1.12;
    letter-spacing: -0.045em;
    text-transform: none;
}

.shop-page .catalog-toolbar {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    margin-top: 32px;
    padding: 0;
}

/* На десктопе модели переносятся на новые строки, а не уходят в горизонтальный скролл. */
.shop-page .catalog-subcategory-scroll {
    min-width: 0;
    flex: 1 1 auto;
    overflow: visible;
    padding: 2px;
}

.shop-catalog .catalog-subcategory-links {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.shop-catalog .catalog-subcategory-link {
    display: inline-flex;
    min-width: 0;
    min-height: 36px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border: 1px solid var(--catalog-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    color: var(--catalog-text);
    box-shadow: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.shop-catalog .catalog-subcategory-link[aria-current="page"] {
    border-color: #000;
    background: #000;
    color: #fff;
}

.shop-page .catalog-toolbar__meta {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 22px;
    white-space: nowrap;
}

/* Apple-like sort popover */
.shop-catalog .catalog-sort {
    position: relative;
    z-index: 20;
    font-family: inherit;
    font-size: 14px;
}

.shop-page .catalog-sort__trigger {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 4px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #86868b;
    font: inherit;
    cursor: pointer;
}

.shop-page .catalog-sort__value {
    color: var(--catalog-text);
}

.shop-page .catalog-sort__chevron {
    width: 7px;
    height: 7px;
    margin: -3px 2px 0 3px;
    border-right: 1.5px solid #515154;
    border-bottom: 1.5px solid #515154;
    transform: rotate(45deg);
    transition: transform 160ms ease, margin 160ms ease;
}

.shop-page .catalog-sort.is-open .catalog-sort__chevron {
    margin-top: 3px;
    transform: rotate(225deg);
}

.shop-page .catalog-sort__menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: min(280px, calc(100vw - 32px));
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

.shop-page .catalog-sort__menu[hidden] {
    display: none;
}

.shop-page .catalog-sort__option {
    display: grid;
    width: 100%;
    min-height: 42px;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #1d1d1f;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.shop-page .catalog-sort__option:hover,
.shop-page .catalog-sort__option:focus-visible {
    background: #f5f5f7;
    outline: 0;
}

.shop-page .catalog-sort__check {
    visibility: hidden;
    font-size: 17px;
    line-height: 1;
}

.shop-page .catalog-sort__option.is-selected .catalog-sort__check {
    visibility: visible;
}

.shop-catalog .catalog-results {
    min-width: 0;
    padding-top: 0;
    border-top: 0;
}

.shop-catalog .catalog-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.shop-catalog .catalog-product {
    min-width: 0;
    overflow: hidden;
    border: 0;
    border-radius: 30px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
}

.shop-catalog .catalog-product .product-gallery {
    height: auto;
    aspect-ratio: 1.22 / 1;
    overflow: hidden;
    background: #fff;
}

.shop-catalog .catalog-product .product-slide {
    padding: 0 0 18px;
}

.shop-catalog .catalog-product .product-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.shop-catalog .catalog-product .product-info {
    min-height: 174px;
    align-items: stretch;
    padding: 21px 30px 30px;
    text-align: left;
}

.shop-catalog .catalog-product .product-car {
    margin: 0 0 8px;
    font-size: 14px;
}

.shop-catalog .catalog-product .product-name {
    max-width: 100%;
    margin: 0 0 24px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.shop-catalog .catalog-product .product-price {
    margin: auto 0 0;
    font-size: 18px;
}

.shop-page .catalog-back-link:focus-visible,
.shop-page .catalog-subcategory-link:focus-visible,
.shop-page .catalog-sort__trigger:focus-visible,
.shop-catalog .catalog-product:focus-visible {
    outline: 2px solid #0071e3;
    outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
    .shop-page .catalog-back-link:hover {
        color: #6e6e73;
    }

    .shop-page .catalog-subcategory-link:hover {
        border-color: #86868b;
    }

    .shop-catalog .catalog-product:hover {
        transform: translateY(-5px);
        box-shadow: 0 18px 45px rgba(0, 0, 0, 0.1);
    }
}

@media (max-width: 1100px) {
    .shop-catalog .catalog-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .shop-catalog {
        background: #fff;
    }

    .shop-page .catalog-hero {
        padding: 100px 20px 22px;
    }

    .shop-page .catalog-storefront {
        background: #fff;
    }

    .shop-page .catalog-storefront__inner {
        padding: 18px 16px 80px;
    }

    .shop-page .catalog-back-link {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .shop-catalog .catalog-heading h1 {
        font-size: 32px;
        line-height: 1.12;
    }

    .shop-page .catalog-toolbar {
        display: grid;
        gap: 14px;
        margin-top: 24px;
    }

    /* На мобильных сохраняем привычный горизонтальный свайп моделей. */
    .shop-page .catalog-subcategory-scroll {
        width: auto;
        margin-right: -20px;
        margin-left: -20px;
        overflow-x: auto;
        padding: 2px 20px 7px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .shop-page .catalog-subcategory-scroll::-webkit-scrollbar {
        display: none;
    }

    .shop-catalog .catalog-subcategory-links {
        display: inline-flex;
        min-width: max-content;
        flex-wrap: nowrap;
        gap: 8px;
    }

    .shop-page .catalog-toolbar__meta {
        justify-content: flex-end;
        gap: 12px;
        padding: 0 4px;
    }

    .shop-page .catalog-sort__prefix {
        display: inline;
    }

    .shop-page .catalog-sort__menu {
        right: 0;
        width: min(280px, calc(100vw - 40px));
    }

    .shop-catalog .catalog-product-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .shop-catalog .catalog-product {
        border-radius: 24px;
    }

    .shop-catalog .catalog-product .product-gallery {
        aspect-ratio: 1.08 / 1;
    }

    .shop-catalog .catalog-product .product-slide {
        padding: 0 0 16px;
    }

    .shop-catalog .catalog-product .product-info {
        min-height: 158px;
        padding: 18px 22px 24px;
    }

    .shop-catalog .catalog-product .product-name {
        font-size: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shop-page .catalog-subcategory-link,
    .shop-page .catalog-sort__chevron,
    .shop-catalog .catalog-product {
        transition: none;
    }
}

/* -------------------------------------------------------------------------- */

/* Страница товара */
.shop-product {
    --product-surface: #f5f5f7;
    --product-border: #dedee3;
    --product-text: #1d1d1f;
    background: var(--product-surface);
}

.shop-page .product-page,
.shop-page .product-page * {
    box-sizing: border-box;
}

.shop-page .product-page {
    width: 100%;
    max-width: 1600px;
    min-height: 100vh;
    margin: 0 auto;
    padding: 126px 40px 140px;
    color: var(--product-text);
    font-family: inherit;
}

.shop-page .product-breadcrumbs {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 24px;
    color: #86868b;
    font-size: 14px;
    line-height: 1.4;
}

.shop-page .product-breadcrumbs a {
    color: #454549;
    text-decoration: none;
    transition: color 160ms ease;
}

.shop-page .product-breadcrumbs span[aria-hidden="true"] {
    color: #b3b3b8;
}

.shop-page .product-detail {
    display: grid;
    grid-template-columns: minmax(0, 1.36fr) minmax(380px, 0.74fr);
    align-items: start;
    gap: 28px;
}

.shop-page .product-detail__gallery,
.shop-page .product-detail__summary,
.shop-page .product-content > * {
    border-radius: 32px;
    background: #fff;
}

.shop-page .product-detail__gallery {
    position: relative;
    min-width: 0;
    padding: 24px;
}

.shop-page .product-detail__stage {
    position: relative;
    display: grid;
    overflow: hidden;
    min-height: 420px;
    place-items: center;
    aspect-ratio: 1.22 / 1;
    border-radius: 24px;
    background: #fafafa;
}

.shop-page .product-detail__main-image {
    display: block;
    width: 100%;
    height: 100%;
    padding: clamp(24px, 4vw, 64px);
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
}

.shop-page .product-detail__arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    background: rgba(236, 236, 239, 0.92);
    color: #343438;
    cursor: pointer;
    transform: translateY(-50%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: background-color 160ms ease, transform 160ms ease;
}

.shop-page .product-detail__arrow--prev {
    left: 18px;
}

.shop-page .product-detail__arrow--next {
    right: 18px;
}

.shop-page .product-detail__arrow svg {
    display: block;
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.shop-page .product-detail__arrow:disabled {
    opacity: 0.35;
    cursor: default;
}

.shop-page .product-detail__thumbs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.shop-page .product-detail__thumb {
    display: grid;
    overflow: hidden;
    min-width: 0;
    aspect-ratio: 1.42 / 1;
    place-items: center;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 17px;
    background: #f5f5f7;
    cursor: pointer;
    transition: border-color 160ms ease, background-color 160ms ease;
}

.shop-page .product-detail__thumb.is-active {
    border-color: #1d1d1f;
    background: #fff;
}

.shop-page .product-detail__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
}

.shop-page .product-detail__gallery-status {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.shop-product .product-detail__summary {
    position: sticky;
    top: 112px;
    min-height: 0;
    padding: 42px;
}

.shop-product .product-detail__summary .product-car {
    margin-bottom: 12px;
    font-size: 16px;
}

.shop-product .product-detail__summary .product-name {
    margin: 0;
    font-size: clamp(34px, 3.2vw, 50px);
    font-weight: 650;
    line-height: 1.02;
    letter-spacing: -0.045em;
}

.shop-product .product-detail__summary .product-price {
    margin: 34px 0 30px;
    font-size: 30px;
    font-weight: 650;
    letter-spacing: -0.025em;
}

.shop-page .product-detail__add {
    display: flex;
    width: 100%;
    min-height: 60px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0 22px 0 26px;
    border: 0;
    border-radius: 18px;
    background: #1d1d1f;
    color: #fff;
    font: inherit;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.shop-page .product-detail__add.is-added {
    background: #137752;
}

.shop-page .product-detail__add.is-bumping {
    animation: ma-cart-bump 320ms cubic-bezier(0.2, 0.8, 0.25, 1);
}

.shop-page .product-detail__add svg {
    display: block;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.shop-page .product-detail__service {
    display: grid;
    gap: 0;
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}

.shop-page .product-detail__service li {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: start;
    gap: 13px;
    padding: 20px 0;
    color: #6e6e73;
    font-size: 14px;
    line-height: 1.45;
}

.shop-page .product-detail__service li > svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: #3d3d42;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.shop-page .product-detail__service strong {
    display: block;
    margin-bottom: 3px;
    color: #1d1d1f;
    font-size: 15px;
    font-weight: 600;
}

.shop-page .product-content {
    display: grid;
    grid-template-columns: minmax(0, 1.46fr) minmax(320px, 0.74fr);
    gap: 28px;
    margin-top: 28px;
}

.shop-page .product-content > * {
    min-width: 0;
    padding: 44px;
}

.shop-page .product-content__description,
.shop-page .product-specs {
    grid-column: 1;
}

.shop-page .product-benefits {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: stretch;
    background: #1d1d1f;
    color: #fff;
}

.shop-page .product-content h2 {
    margin: 0;
    color: inherit;
    font-size: clamp(31px, 3vw, 44px);
    font-weight: 650;
    line-height: 1.05;
    letter-spacing: -0.04em;
    text-transform: none;
}

.shop-page .product-content__description > p:last-child {
    max-width: 850px;
    margin: 30px 0 0;
    color: #4f4f54;
    font-size: 20px;
    line-height: 1.65;
}

.shop-page .product-specs dl {
    margin: 34px 0 0;
}

.shop-page .product-specs dl > div {
    display: grid;
    grid-template-columns: minmax(150px, 0.43fr) minmax(0, 1fr);
    gap: 28px;
    padding: 19px 0;
    border-top: 1px solid #e4e4e7;
}

.shop-page .product-specs dl > div:last-child {
    border-bottom: 1px solid #e4e4e7;
}

.shop-page .product-specs dt,
.shop-page .product-specs dd {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}

.shop-page .product-specs dt {
    color: #86868b;
}

.shop-page .product-specs dd {
    color: #1d1d1f;
    font-weight: 500;
}

.shop-page .product-benefits ul {
    display: grid;
    gap: 0;
    margin: 36px 0 0;
    padding: 0;
    list-style: none;
}

.shop-page .product-benefits li {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: start;
    gap: 13px;
    padding: 18px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    color: #f1f1f3;
    font-size: 16px;
    line-height: 1.45;
}

.shop-page .product-benefits li > span {
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #1d1d1f;
}

.shop-page .product-benefits li svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.shop-page .product-breadcrumbs a:focus-visible,
.shop-page .product-detail__arrow:focus-visible,
.shop-page .product-detail__thumb:focus-visible,
.shop-page .product-detail__add:focus-visible {
    outline: 2px solid #0071e3;
    outline-offset: 4px;
}

.ma-cart-icon-button svg {
    display: block;
    flex: none;
}

@media (hover: hover) and (pointer: fine) {
    .shop-page .product-breadcrumbs a:hover {
        color: #000;
    }

    .shop-page .product-detail__arrow:not(:disabled):hover {
        background: #dedee2;
        transform: translateY(-50%) scale(1.04);
    }

    .shop-page .product-detail__thumb:hover {
        border-color: #86868b;
    }

    .shop-page .product-detail__add:hover {
        background: #000;
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
        transform: translateY(-1px);
    }

    .shop-page .product-detail__add.is-added:hover {
        background: #0e6847;
    }
}

@media (max-width: 1180px) {
    .shop-page .product-detail {
        grid-template-columns: minmax(0, 1.18fr) minmax(340px, 0.82fr);
    }

    .shop-product .product-detail__summary {
        padding: 34px;
    }

    .shop-page .product-content > * {
        padding: 38px;
    }
}

@media (max-width: 900px) {
    .shop-page .product-detail,
    .shop-page .product-content {
        grid-template-columns: minmax(0, 1fr);
    }

    .shop-product .product-detail__summary {
        position: static;
    }

    .shop-page .product-content__description,
    .shop-page .product-specs,
    .shop-page .product-benefits {
        grid-column: 1;
        grid-row: auto;
    }
}

@media (max-width: 700px) {
    .shop-page .product-page {
        padding: 98px 16px 80px;
    }

    .shop-page .product-breadcrumbs {
        margin: 0 4px 18px;
    }

    .shop-page .product-breadcrumbs span[aria-current="page"] {
        display: none;
    }

    .shop-page .product-breadcrumbs span[aria-current="page"] + * {
        display: none;
    }

    .shop-page .product-detail,
    .shop-page .product-content {
        gap: 16px;
    }

    .shop-page .product-detail__gallery,
    .shop-page .product-detail__summary,
    .shop-page .product-content > * {
        border-radius: 24px;
    }

    .shop-page .product-detail__gallery {
        padding: 12px;
    }

    .shop-page .product-detail__stage {
        min-height: 270px;
        border-radius: 18px;
    }

    .shop-page .product-detail__main-image {
        padding: 22px;
    }

    .shop-page .product-detail__arrow {
        width: 42px;
        height: 42px;
    }

    .shop-page .product-detail__arrow--prev {
        left: 10px;
    }

    .shop-page .product-detail__arrow--next {
        right: 10px;
    }

    .shop-page .product-detail__thumbs {
        gap: 8px;
        margin-top: 10px;
    }

    .shop-page .product-detail__thumb {
        padding: 7px;
        border-radius: 13px;
    }

    .shop-product .product-detail__summary,
    .shop-page .product-content > * {
        padding: 28px 24px;
    }

    .shop-product .product-detail__summary .product-name {
        font-size: 34px;
    }

    .shop-product .product-detail__summary .product-price {
        margin: 28px 0 24px;
        font-size: 28px;
    }

    .shop-page .product-content {
        margin-top: 16px;
    }

    .shop-page .product-content__description > p:last-child {
        margin-top: 24px;
        font-size: 18px;
        line-height: 1.6;
    }

    .shop-page .product-specs dl {
        margin-top: 28px;
    }

    .shop-page .product-specs dl > div {
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
        padding: 16px 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shop-page .product-breadcrumbs a,
    .shop-page .product-detail__arrow,
    .shop-page .product-detail__thumb,
    .shop-page .product-detail__add {
        animation: none;
        transition: none;
    }
}

/* Уточнённая лёгкая композиция страницы товара */
.shop-product {
    background: #fff;
}

.shop-product .product-page {
    max-width: 1440px;
    padding-top: 122px;
    background: #fff;
}

.shop-page .product-back-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 30px;
    color: #515154;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
    transition: color 160ms ease;
}

.shop-page .product-back-link svg {
    display: block;
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.shop-product .product-detail {
    grid-template-areas: "gallery summary";
    grid-template-columns: minmax(0, 1.28fr) minmax(340px, 0.72fr);
    gap: clamp(34px, 5vw, 76px);
}

.shop-product .product-detail__gallery {
    grid-area: gallery;
    position: relative;
    display: grid;
    overflow: visible;
    min-width: 0;
    padding: 0;
    grid-template-rows: minmax(0, 1fr) 78px;
    gap: 18px;
    aspect-ratio: 1.12 / 1;
    border-radius: 0;
    background: #fff;
}

.shop-page .product-detail__track {
    display: flex;
    width: 100%;
    height: auto;
    min-height: 0;
    align-self: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.shop-product .product-detail__track {
    position: relative;
    display: block;
    overflow: hidden;
    scroll-behavior: auto;
    scroll-snap-type: none;
    touch-action: pan-y;
}

.shop-page .product-detail__track::-webkit-scrollbar {
    display: none;
}

.shop-product .product-detail__slide {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: grid;
    min-width: 0;
    height: 100%;
    place-items: center;
    padding: clamp(38px, 5vw, 72px) clamp(38px, 6vw, 82px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 180ms ease;
}

.shop-product .product-detail__gallery:not(.is-gallery-ready) .product-detail__slide:first-child,
.shop-product .product-detail__slide.is-active {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.shop-product .product-detail__slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
}

.shop-product .product-detail__gallery .gallery-arrow {
    display: none;
}

.shop-product .product-detail__gallery .gallery-arrow:disabled {
    opacity: 0.28;
    pointer-events: none;
}

.shop-product .product-detail__gallery .gallery-dots {
    bottom: 22px;
}

.shop-product .gallery-thumbnails {
    position: static;
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-items: stretch;
    justify-content: center;
    gap: 14px;
    overflow-x: auto;
    padding: 0 12px;
    transform: none;
    scrollbar-width: none;
}

.shop-product .gallery-thumbnails::-webkit-scrollbar {
    display: none;
}

.shop-product .gallery-thumbnail {
    position: relative;
    display: grid;
    width: 64px;
    height: 78px;
    flex: 0 0 64px;
    place-items: center;
    padding: 4px 6px 13px;
    border: 0;
    border-radius: 0;
    background: transparent;
    opacity: 0.42;
    cursor: pointer;
    transition: opacity 180ms ease;
}

.shop-product .gallery-thumbnail::after {
    position: absolute;
    bottom: 1px;
    left: 50%;
    width: 36px;
    height: 3px;
    border-radius: 2px;
    background: #6e6e73;
    content: "";
    opacity: 0;
    transform: translateX(-50%);
}

.shop-product .gallery-thumbnail.is-active {
    opacity: 1;
}

.shop-product .gallery-thumbnail.is-active::after {
    opacity: 1;
}

.shop-product .gallery-thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.shop-product .gallery-thumbnail:focus-visible {
    outline: 2px solid #0071e3;
    outline-offset: 3px;
}

.shop-product .product-detail__zoom {
    position: absolute;
    z-index: 4;
    top: 18px;
    right: 18px;
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #1d1d1f;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    cursor: zoom-in;
    transition: background-color 160ms ease, transform 160ms ease;
}

.shop-product .product-detail__zoom svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.shop-product .product-detail__zoom:focus-visible {
    outline: 2px solid #0071e3;
    outline-offset: 3px;
}

.shop-page .product-lightbox[hidden] {
    display: none;
}

.shop-page .product-lightbox {
    position: fixed;
    z-index: 10020;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
}

.shop-page .product-lightbox__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(0, 0, 0, 0.78);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.shop-page .product-lightbox__dialog {
    position: relative;
    display: grid;
    width: min(94vw, 1440px);
    height: min(92vh, 980px);
    min-height: 0;
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18);
}

.shop-page .product-lightbox__close {
    position: absolute;
    z-index: 2;
    top: 16px;
    right: 16px;
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #1d1d1f;
    background: rgba(245, 245, 247, 0.92);
    cursor: pointer;
}

.shop-page .product-lightbox__close svg,
.shop-page .product-lightbox__controls svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
}

.shop-page .product-lightbox__stage {
    display: grid;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    place-items: center;
    padding: clamp(28px, 5vw, 72px);
    cursor: zoom-in;
    touch-action: none;
    overscroll-behavior: contain;
    -webkit-user-select: none;
    user-select: none;
}

.shop-page .product-lightbox__stage.is-zoomed {
    cursor: grab;
}

.shop-page .product-lightbox__stage.is-dragging {
    cursor: grabbing;
}

.shop-page .product-lightbox__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    user-select: none;
    will-change: transform;
    transform-origin: center;
    transition: transform 180ms ease;
    -webkit-user-drag: none;
}

.shop-page .product-lightbox__stage.is-dragging .product-lightbox__image,
.shop-page .product-lightbox__stage.is-pinching .product-lightbox__image {
    transition: none;
}

.shop-page .product-lightbox__controls {
    z-index: 1;
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 10px 20px;
    background: rgba(245, 245, 247, 0.92);
}

.shop-page .product-lightbox__controls button {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #1d1d1f;
    background: #fff;
    cursor: pointer;
}

.shop-page .product-lightbox__controls button:disabled {
    opacity: 0.35;
    cursor: default;
}

.shop-page .product-lightbox__controls span {
    min-width: 50px;
    color: #515154;
    font-size: 14px;
    text-align: center;
}

.shop-page .product-lightbox__close:focus-visible,
.shop-page .product-lightbox__controls button:focus-visible {
    outline: 2px solid #0071e3;
    outline-offset: 2px;
}

.shop-page.product-lightbox-open {
    overflow: hidden;
}

.shop-product .product-detail__summary {
    grid-area: summary;
    position: sticky;
    top: 108px;
    min-height: 0;
    padding: 34px 0 20px;
    border-radius: 0;
    background: #fff;
}

.shop-product .product-detail__summary .product-name {
    font-size: clamp(34px, 3.2vw, 48px);
}

.shop-product .product-detail__summary .product-price {
    margin: 26px 0 18px;
}

.shop-product .product-detail__add {
    min-height: 56px;
    margin-top: 8px;
    border-radius: 14px;
}

.shop-product .product-detail__add.is-added {
    background: #1d1d1f;
}

.shop-product .product-content {
    display: block;
    max-width: 1380px;
    margin: 124px auto 0;
    padding-top: 58px;
}

.shop-product .product-content > * {
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.shop-product .product-content__title {
    margin: 0 0 30px;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 650;
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.shop-page .product-information__row {
    display: grid;
    grid-template-columns: minmax(260px, 0.36fr) minmax(0, 1fr);
    gap: clamp(52px, 7vw, 108px);
    padding: 64px 0;
}

.shop-page .product-information__row:first-of-type {
    padding-top: 42px;
    padding-bottom: 72px;
}

.shop-page .product-information__row h3 {
    margin: 0;
    color: #1d1d1f;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.025em;
    text-transform: none;
}

.shop-page .product-information__row > p {
    max-width: 940px;
    margin: 0;
    color: #2e2e32;
    font-size: 18px;
    line-height: 1.72;
}

.shop-product .product-information__row.product-specs dl {
    margin: 0;
}

.shop-product .product-information__row.product-specs dl > div {
    grid-template-columns: minmax(180px, 0.3fr) minmax(0, 1fr);
    gap: 32px;
    padding: 19px 0;
    border-top: 1px solid #e5e5e8;
}

.shop-product .product-information__row.product-specs dl > div:first-child {
    padding-top: 0;
    border-top: 0;
}

.shop-product .product-information__row.product-specs dl > div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.shop-page .product-related {
    margin-top: 56px;
    padding-top: 0;
}

.shop-page .product-related h2 {
    margin: 0 0 38px;
    color: #1d1d1f;
    font-size: clamp(36px, 4vw, 52px);
    font-weight: 650;
    line-height: 1.04;
    letter-spacing: -0.045em;
    text-transform: none;
}

.shop-product .product-related__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    cursor: grab;
    user-select: none;
}

.shop-product .product-related__grid.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
}

.shop-product .product-related__card {
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.055);
}

.shop-product .product-related__card .product-gallery {
    aspect-ratio: 1.2 / 1;
    background: #fff;
    pointer-events: none;
}

.shop-product .product-related__card .product-track {
    overflow: hidden;
    scroll-snap-type: none;
}

.shop-product .product-related__card .product-slide {
    padding: 0 0 18px;
}

.shop-product .product-related__card .product-info {
    min-height: 170px;
    padding: 20px 26px 26px;
}

.shop-product .product-related__card .product-name {
    margin-bottom: 24px;
    font-size: 20px;
}

.shop-home .product-card,
.shop-catalog .catalog-product {
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.055);
}

.shop-home .product-card .product-gallery,
.shop-catalog .catalog-product .product-gallery {
    background: #fff;
}

.shop-page .product-back-link:focus-visible,
.shop-product .product-detail__add:focus-visible {
    outline: 2px solid #0071e3;
    outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
    .shop-page .product-back-link:hover {
        color: #000;
    }

    .shop-product .product-detail__add.is-added:hover {
        background: #000;
    }

    .shop-home .product-card:hover,
    .shop-catalog .catalog-product:hover,
    .shop-product .product-related__card:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.075);
    }
}

@media (max-width: 900px) {
    .shop-product .product-detail {
        grid-template-areas:
            "gallery"
            "summary";
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
    }

    .shop-product .product-detail__summary {
        position: static;
        padding: 18px 8px 0;
    }

    .shop-product .product-content {
        margin-top: 76px;
    }

    .shop-product .product-related__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .shop-product .product-related__card:last-child {
        display: none;
    }
}

@media (max-width: 700px) {
    .shop-product .product-page {
        padding: 96px 16px 72px;
    }

    .shop-page .product-back-link {
        margin: 0 4px 20px;
    }

    .shop-product .product-detail__gallery {
        width: calc(100% + 32px);
        grid-template-rows: minmax(0, auto) 64px;
        gap: 10px;
        margin-inline: -16px;
        aspect-ratio: auto;
        border-radius: 0;
    }

    .shop-product .product-detail__track {
        aspect-ratio: 1 / 1;
    }

    .shop-product .product-detail__slide {
        padding: 0;
    }

    .shop-product .product-detail__zoom {
        top: 12px;
        right: 12px;
    }

    .shop-product .product-detail__gallery .gallery-arrow {
        display: none;
    }

    .shop-product .product-detail__gallery .gallery-dots {
        bottom: 16px;
    }

    .shop-product .gallery-thumbnails {
        gap: 9px;
        padding: 0 16px;
    }

    .shop-product .gallery-thumbnail {
        width: 54px;
        height: 64px;
        flex-basis: 54px;
    }

    .shop-product .product-detail__summary {
        padding: 14px 4px 0;
    }

    .shop-product .product-detail__summary .product-name {
        font-size: 34px;
    }

    .shop-product .product-content {
        margin-top: 66px;
        padding-top: 34px;
    }

    .shop-product .product-content > * {
        padding: 0;
    }

    .shop-product .product-content__title {
        margin-bottom: 18px;
        font-size: 38px;
    }

    .shop-page .product-information__row {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
        padding: 36px 0 40px;
    }

    .shop-page .product-information__row:first-of-type {
        padding: 28px 0 46px;
    }

    .shop-page .product-information__row h3 {
        font-size: 24px;
    }

    .shop-page .product-information__row > p {
        font-size: 17px;
    }

    .shop-product .product-information__row.product-specs dl > div {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
        padding: 16px 0;
    }

    .shop-page .product-related {
        margin-top: 36px;
        padding-top: 0;
    }

    .shop-page .product-related h2 {
        margin-bottom: 28px;
        font-size: 38px;
    }

    .shop-product .product-related__grid {
        display: grid;
        grid-auto-columns: min(86vw, 330px);
        grid-auto-flow: column;
        grid-template-columns: none;
        gap: 14px;
        margin-right: -16px;
        overflow-x: auto;
        padding: 0 16px 12px 0;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .shop-product .product-related__grid::-webkit-scrollbar {
        display: none;
    }

    .shop-product .product-related__card,
    .shop-product .product-related__card:last-child {
        display: block;
        scroll-snap-align: start;
    }

    .shop-page .product-lightbox {
        padding: 0;
    }

    .shop-page .product-lightbox__dialog {
        width: 100vw;
        height: 100dvh;
        border-radius: 0;
    }

    .shop-page .product-lightbox__stage {
        padding: 54px 0 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shop-page .product-back-link,
    .shop-product .product-related__card,
    .shop-product .product-detail__slide {
        transition: none;
    }
}

.shop-page h1,
.shop-page h2,
.shop-page h3,
.shop-page .b-name,
.shop-page .product-name,
.shop-page .product-price,
.shop-page .ma-cart-total strong {
    font-family: inherit;
}

/* Styles specific to the Bitrix integration. */
.shop-page .product-stock-badge{display:block;font-size:13px;color:#86868b;margin:12px 0 8px}
.shop-page .ma-stock-button{display:block;width:100%;border:0;border-radius:12px;padding:14px 18px;background:#f0f0f3;color:#86868b;font:inherit;font-size:14px;cursor:default}
.shop-page .product-detail__add.ma-stock-button{margin-top:20px;box-shadow:none}
.shop-page h1,.shop-page h2,.shop-page h3,.shop-page .product-price{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}
.shop-page .products,.shop-page .tab,.shop-page .catalog-subcategory-link,.shop-page .catalog-sort,.ma-cart-trigger,.ma-cart-panel,.ma-cart-added,.ma-cart-add{font-family:inherit}
.ma-cart-layer,.ma-cart-added{font-family:"Yandex Sans Text",sans-serif}
.shop-page .product-card{overflow:hidden;background:#fff;box-shadow:0 2px 7px rgb(0 0 0 / 5%);border:1px solid rgb(0 0 0 / 6%)}
.shop-page .product-card:hover{box-shadow:0 3px 9px rgb(0 0 0 / 7%);transform:translateY(-2px)}
.shop-page .ma-product-link{display:block;color:inherit;text-decoration:none}.shop-page .product-name a{color:inherit;text-decoration:none}.shop-page .product-gallery img{user-select:none;-webkit-user-drag:none}
.shop-home .sh .scroll-pc-in.is-dragging{cursor:grabbing;user-select:none}
.shop-home .sh img{user-select:none;-webkit-user-drag:none}
.shop-page .sh .shop-brand-item__logo{width:60px;height:60px}.shop-page .sh .shop-brand-item{grid-template-columns:60px minmax(0,1fr)}.shop-page .sh .shop-brand-item img{pointer-events:none}
.shop-page .ma-product-description{font-size:18px;line-height:1.75}.shop-page .ma-shop-empty{padding:56px 0;color:#6e6e73;font-size:18px;line-height:1.5}.shop-page .ma-shop-message{max-width:1200px;min-height:60vh;margin:auto;padding:160px 24px 80px}.shop-page .ma-shop-message h1{font-size:36px;margin:0 0 24px}
.shop-page .ma-shop-pagination{display:flex;justify-content:center;align-items:center;gap:28px;padding:42px 0;font-size:16px}.shop-page .ma-shop-pagination a{color:#0066cc}.shop-page .ma-shop-pagination span{color:#86868b}
.ma-cart-order-error{margin:16px 24px 0;padding:14px 16px;background:#fff0ef;color:#963e36;border-radius:10px;font-size:14px;line-height:1.5}.ma-cart-primary-button:disabled{opacity:.55;cursor:wait}.ma-cart-panel__footer{width:100%;max-width:none;margin:0;float:none}.ma-cart-layer [hidden],.ma-cart-added [hidden]{display:none!important}
.ma-shop-cart-warning{position:fixed;z-index:21000;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;padding:14px 18px;border-radius:12px;background:#1d1d1f;color:white;font:14px/1.5 "Yandex Sans Text",sans-serif;box-shadow:0 2px 8px rgb(0 0 0 / 12%)}
.shop-home .sh .ob-block.brand-el{box-shadow:0 2px 7px rgb(0 0 0 / 5%)}
.shop-home .sh .ob-block.brand-el:hover{box-shadow:0 3px 9px rgb(0 0 0 / 7%)}
@media(max-width:700px){.shop-page .ma-product-description{font-size:16px;line-height:1.7}.shop-page .product-lightbox__stage{touch-action:none}}

/* Link after the first ten models. Brand name and emblem belong to this link. */
.shop-page .sh .shop-model-more{
    display:inline-flex;vertical-align:top;align-items:center;justify-content:center;
    width:280px;min-width:280px;height:300px;margin:0 15px 15px 0;
    padding:0 8px;box-sizing:border-box;white-space:normal;letter-spacing:normal;
    text-align:left;font-size:17px;line-height:1.4;color:#1d1d1f;text-decoration:none;
}
.shop-page .sh .shop-model-more__content{
    display:flex;align-items:center;gap:12px;width:100%;min-height:80px;
    padding:18px;box-sizing:border-box;border-radius:20px;background:#f5f5f7;
    transition:background-color .2s ease;
}
.shop-page .sh .shop-model-more__logo{flex:0 0 40px;width:40px;height:40px;object-fit:contain;pointer-events:none}
.shop-page .sh .shop-model-more__label{flex:1;min-width:0;font-weight:500}
.shop-page .sh .shop-model-more__label strong{display:inline;font-weight:inherit}
.shop-page .sh .shop-model-more__arrow{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:#0071e3;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.shop-page .sh .shop-model-more:hover,.shop-page .sh .shop-model-more:focus{text-decoration:none}
.shop-page .sh .shop-model-more:focus-visible{outline:none}
.shop-page .sh .shop-model-more:focus-visible .shop-model-more__content{outline:2px solid #0071e3;outline-offset:3px}
.shop-page .sh [data-panel="other"] .shop-model-more{width:200px;min-width:200px;height:92px;margin:0}
@media(hover:hover){.shop-page .sh .shop-model-more:hover .shop-model-more__content{background:#eaeaec}}
@media(max-width:767px){
    .shop-page .sh .shop-model-more{width:252px;min-width:252px;height:240px;padding:0 6px;font-size:16px}
    .shop-page .sh .shop-model-more__content{padding:16px;gap:10px;border-radius:18px}
    .shop-page .sh [data-panel="other"] .shop-model-more{height:80px}
}
@media(prefers-reduced-motion:reduce){.shop-page .sh .shop-model-more__content{transition:none}}

/* The banner edge and the tabs use the same container, inset and frame padding. */
.shop-home{--shop-layout-width:1600px;--shop-tabs-inset:40px;--shop-tabs-frame:4px}
.shop-home .main-shop{max-width:var(--shop-layout-width)}
.shop-home .tabs-scroll{padding:var(--shop-tabs-frame);box-sizing:border-box}
.shop-home .tabs-list{margin-inline:var(--shop-tabs-inset)}
@media(max-width:767px){.shop-home{--shop-tabs-inset:16px}}

/* Native touch scrolling; mouse gestures select one adjacent banner. */
.shop-home .shop-banners{
    --banner-gutter:max(calc(var(--shop-tabs-inset) + var(--shop-tabs-frame)),calc((100% - var(--shop-layout-width))/2 + var(--shop-tabs-inset) + var(--shop-tabs-frame)));
    --banner-width:min(1320px,calc(100vw - 80px));
    margin:108px 0 0;width:100%;color:#1d1d1f;
}
.shop-home .shop-banners__track{
    position:relative;display:flex;align-items:stretch;gap:24px;width:100%;box-sizing:border-box;
    padding:0 max(var(--banner-gutter),calc(100% - var(--banner-width) - var(--banner-gutter))) 0 var(--banner-gutter);
    overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--banner-gutter);
    scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
}
.shop-home .shop-banners__track::-webkit-scrollbar{display:none}
.shop-home .shop-banners__track:focus-visible{outline:2px solid #0071e3;outline-offset:-3px}
.shop-home .shop-banners__track.is-dragging,.shop-home .shop-banners__track.is-animating{scroll-snap-type:none}
.shop-home .shop-banners__track.is-dragging{cursor:grabbing;user-select:none}
.shop-home .shop-banners__track.is-dragging *{cursor:grabbing}
@media(hover:hover) and (pointer:fine){
    .shop-home .shop-banners__track.is-enhanced .shop-banner{cursor:grab}
    .shop-home .shop-banners__track.is-enhanced .shop-banner:not(.is-current){cursor:pointer}
    .shop-home .shop-banner.is-current .shop-banner__link{cursor:pointer}
    .shop-home .shop-banners__track.is-enhanced.is-dragging .shop-banner,.shop-home .shop-banners__track.is-enhanced.is-dragging .shop-banner__link{cursor:grabbing}
}
.shop-home .shop-banner{
    position:relative;flex:0 0 var(--banner-width);width:var(--banner-width);min-width:0;min-height:540px;
    display:grid;grid-template-columns:44% 56%;border-radius:30px;overflow:hidden;
    scroll-snap-align:start;background:#f5f5f7;text-align:left;isolation:isolate;
}
.shop-home .shop-banner--service{background:#edf1f5}
.shop-home .shop-banner--delivery{background:#f5f1eb}
.shop-home .shop-banner__copy{
    position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;
    padding:52px 0 52px 52px;min-width:0;box-sizing:border-box;
}
.shop-home .shop-banner__title{
    margin:0;padding:0;max-width:510px;font-size:clamp(32px,3.5vw,48px);font-weight:650;line-height:1.09;
    letter-spacing:-.035em;text-transform:none;overflow-wrap:normal;
}
.shop-home .shop-banner__description{margin:22px 0 0;max-width:430px;font-size:19px;line-height:1.5;letter-spacing:normal}
.shop-home .shop-banner__link{
    display:inline-flex;align-items:center;gap:6px;min-height:44px;max-width:100%;margin:18px 0 0;padding:0;
    background:none;border:0;border-radius:0;box-shadow:none;color:#0066cc;font:inherit;font-size:18px;line-height:1.4;text-decoration:none;
}
.shop-home .shop-banner__link svg{flex:none;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shop-home .shop-banner__link:focus-visible{outline:2px solid #0071e3;outline-offset:5px;border-radius:3px}
.shop-home .shop-banner__art{position:relative;min-width:0;min-height:430px;overflow:hidden}
.shop-home .shop-banner__art img{
    position:absolute;left:-3%;top:-2%;width:114%;max-width:none;height:108%;object-fit:contain;
    transform:rotate(-7deg);mix-blend-mode:multiply;user-select:none;-webkit-user-drag:none;pointer-events:none;
}
.shop-home .shop-banner--service .shop-banner__art img{top:5%;left:3%;width:113%;height:112%;transform:rotate(-12deg)}
.shop-home .shop-banner--delivery .shop-banner__art img{top:0;left:-3%;width:108%;height:105%;transform:none;mix-blend-mode:normal}
.shop-home .shop-banners__controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px}
.shop-home .shop-banners__controls[hidden]{display:none}
.shop-home .shop-banners__arrow{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#f0f0f2;color:#515154;cursor:pointer}
.shop-home .shop-banners__arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.shop-home .shop-banners__arrow:disabled{opacity:.35;cursor:default}
.shop-home .shop-banners__dots{display:flex;align-items:center;border-radius:24px;background:#e8e8ed;padding:0 6px}
.shop-home .shop-banners__dot{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
.shop-home .shop-banners__dot span{display:block;width:7px;height:7px;border-radius:50%;background:#929297}
.shop-home .shop-banners__dot[aria-current="true"] span{background:#1d1d1f}
.shop-home .shop-banners__arrow:focus-visible,.shop-home .shop-banners__dot:focus-visible{outline:2px solid #0071e3;outline-offset:3px}
.shop-home .shop-banners__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.shop-home #shop-models{scroll-margin-top:110px}
.shop-home .main-shop{margin-top:48px;margin-bottom:80px}
@media(hover:hover){.shop-home .shop-banner__link:hover{text-decoration:underline}.shop-home .shop-banners__arrow:hover:not(:disabled){background:#e3e3e7}}
@media(max-width:1023px){
    .shop-home .shop-banner{grid-template-columns:48% 52%;min-height:490px}
    .shop-home .shop-banner__copy{padding:36px 0 36px 36px}
    .shop-home .shop-banner__title{font-size:36px}
    .shop-home .shop-banner__description{font-size:17px}
    .shop-home .shop-banner__link{font-size:17px}
    .shop-home .shop-banner__art{min-height:390px}
}
@media(max-width:700px){
    .shop-home .shop-banners{--banner-width:calc(100vw - 48px);margin-top:88px}
    .shop-home .shop-banners__track{gap:16px}
    .shop-home .shop-banner{min-height:575px;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr 230px;border-radius:24px}
    .shop-home .shop-banner__copy{padding:28px 24px 4px}
    .shop-home .shop-banner__title{font-size:32px;line-height:1.1;letter-spacing:-.03em}
    .shop-home .shop-banner__description{margin-top:16px;font-size:16px;line-height:1.5}
    .shop-home .shop-banner__link{font-size:16px;margin-top:12px}
    .shop-home .shop-banner__art{min-height:0}
    .shop-home .shop-banner__art img{height:122%;top:-12%;width:105%;left:-2%;transform:rotate(-5deg)}
    .shop-home .shop-banner--service .shop-banner__art img{width:102%;height:136%;top:0;left:8%;transform:rotate(-13deg)}
    .shop-home .shop-banner--delivery .shop-banner__art img{width:110%;height:124%;top:-20%;left:-3%}
    .shop-home .shop-banners__controls{margin-top:18px;gap:10px}
    .shop-home .main-shop{margin-top:32px;margin-bottom:48px}
}
@media(max-width:360px){.shop-home .shop-banner__copy{padding-inline:20px}.shop-home .shop-banner__title{font-size:29px}.shop-home .shop-banner{grid-template-rows:1fr 210px}}
@media(prefers-reduced-motion:reduce){.shop-home .shop-banners__track{scroll-behavior:auto}}
/* Mouse scrolling and product viewer controls. */
.shop-product .product-detail__gallery.is-single {grid-template-rows:minmax(0,1fr)}
.shop-page .tabs-scroll {cursor:grab}
.shop-page .tabs-scroll.is-dragging,.shop-page .tabs-scroll.is-dragging * {cursor:grabbing;user-select:none}
.shop-product .product-detail__track {cursor:zoom-in}
.shop-product .product-detail__track.is-dragging {cursor:grabbing}
.shop-page .product-lightbox__controls [hidden] {display:none}
.shop-page .product-lightbox__controls {flex-wrap:wrap;gap:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}
.shop-page .product-lightbox__controls button {flex:0 0 44px;width:44px;height:44px}
.shop-page .product-lightbox__controls .product-lightbox__counter {min-width:44px;font-size:14px}
.shop-page .product-lightbox__image {min-width:0;min-height:0}
.shop-page .product-lightbox__stage {grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
@media(max-width:400px){.shop-page .product-lightbox__controls{gap:4px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.shop-page .product-lightbox__image{transition:none}}

/* Site navigation: the same surface and motion as the shopping cart. */
body.ma-menu-open {overflow:hidden}
.menu .itemsmenu-mob {border:0;background:transparent;color:inherit;font:inherit}
.menu .mm:focus-visible,.menu .itemsmenu-mob:focus-visible {outline:2px solid #0071e3;outline-offset:4px;border-radius:6px}
.ma-menu-layer {position:fixed;z-index:20000;inset:0;visibility:hidden;pointer-events:none;transition:visibility 0s linear 320ms;color:#1d1d1f}
.ma-menu-layer.is-open {visibility:visible;pointer-events:auto;transition-delay:0s}
.ma-menu-layer [hidden] {display:none!important}
.ma-menu__backdrop {position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:rgba(12,12,14,.38);opacity:0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:opacity 280ms ease;cursor:default}
.ma-menu-layer.is-open .ma-menu__backdrop {opacity:1}
.ma-menu-panel {position:absolute;top:0;left:0;display:flex;flex-direction:column;width:min(480px,100%);height:100vh;height:100dvh;overflow:hidden;background:#f7f7f8;box-shadow:24px 0 70px rgba(0,0,0,.16);transform:translateX(-104%);transition:transform 320ms cubic-bezier(.22,.8,.26,1);outline:0}
.ma-menu-layer.is-open .ma-menu-panel {transform:translateX(0)}
.ma-menu-panel a,.ma-menu-panel button {font-family:inherit;color:inherit;text-decoration:none;letter-spacing:normal;-webkit-tap-highlight-color:transparent}
.ma-menu-panel svg {flex:0 0 auto;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ma-menu__header {position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;flex:0 0 auto;min-height:92px;gap:16px;padding:max(22px,env(safe-area-inset-top)) 24px 20px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(0,0,0,.06)}
.ma-menu__heading {min-width:0;align-self:center}
.ma-menu-panel h2 {max-width:none;margin:0;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;font-weight:650;font-size:28px;line-height:1.16;letter-spacing:-.025em;text-transform:none;outline:0}
.ma-menu__close {display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#f0f0f2;cursor:pointer;transition:background-color 160ms ease}
.ma-menu__close svg {width:22px;height:22px}
.ma-menu-panel .ma-menu__back {display:inline-flex;align-items:center;min-height:40px;max-width:100%;gap:4px;margin:-10px 0 4px -5px;padding:0;border:0;background:transparent;color:#0066cc;font-size:14px;line-height:1.3;text-align:left;cursor:pointer}
.ma-menu__back span {min-width:0}
.ma-menu__body {position:relative;flex:1 1 auto;min-height:0;overflow:hidden}
.ma-menu__view {position:absolute;inset:0;padding:24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;transform:translateX(28px);transition:transform 240ms cubic-bezier(.22,.8,.26,1),opacity 200ms ease,visibility 0s linear 240ms;pointer-events:none}
.ma-menu__view.is-before {transform:translateX(-28px)}
.ma-menu__view.is-current {opacity:1;visibility:visible;transform:translateX(0);transition-delay:0s;pointer-events:auto}
.ma-menu__quick {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.ma-menu__pages {margin-top:28px}
.ma-menu__pages[hidden] {display:none}
.ma-menu-panel .ma-menu__quick-link {display:flex;align-items:center;flex-wrap:wrap;min-height:76px;gap:10px;padding:16px;background:#fff;border-radius:18px;font-size:15px;font-weight:500;line-height:1.3;transition:background-color 160ms ease}
.ma-menu__quick-link .ma-menu__label {flex:1;min-width:0}
.ma-menu__quick-link > svg:last-child {width:14px;height:14px;color:#86868b}
.ma-menu-panel .ma-menu__quick-icon {width:22px;height:22px}
.ma-menu-panel h3.ma-menu__section-title {margin:0 0 12px 4px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;color:#6e6e73;letter-spacing:0;text-transform:none}
.ma-menu-panel h3.ma-menu__services-title {font-size:18px;font-weight:600;color:#1d1d1f}
@media(min-width:1024px){.ma-menu-panel .ma-menu__services-title,.ma-menu__pages{display:none}}
.ma-menu__list {list-style:none;margin:0;padding:0;overflow:hidden;border-radius:18px;background:#fff}
.ma-menu__list > li {margin:0;padding:0;list-style:none}
.ma-menu__list > li + li {border-top:1px solid rgba(0,0,0,.045)}
.ma-menu-panel .ma-menu__link {display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:58px;padding:16px 18px;border:0;background:transparent;font-size:17px;font-weight:400;line-height:1.4;text-align:left;cursor:pointer;transition:background-color 160ms ease}
.ma-menu__link .ma-menu__label {min-width:0}
.ma-menu__link > svg {width:16px;height:16px;color:#86868b}
.ma-menu-panel .ma-menu__overview {display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:12px;margin:0 0 14px;padding:0 4px;color:#0066cc;font-size:15px;line-height:1.4}
.ma-menu-panel a[aria-current="page"] {color:#0066cc;background:#f0f6ff}
.ma-menu__footer {flex:0 0 auto;margin:0;padding:14px 24px max(20px,env(safe-area-inset-bottom));border-top:1px solid rgba(0,0,0,.06);background:#fff}
.ma-menu-panel .ma-menu__phone {display:flex;align-items:center;gap:10px;min-height:44px;font-size:18px;font-weight:500;line-height:1.3}
.ma-menu-panel .ma-menu__address,.ma-menu-panel .ma-menu__hours {margin:3px 0 0;color:#6e6e73;font-size:13px;line-height:1.45;text-transform:none}
.ma-menu__social {display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px}
.ma-menu-panel .ma-menu__social a {display:inline-flex;align-items:center;min-height:44px;color:#6e6e73;font-size:14px}
.ma-menu-panel a:focus-visible,.ma-menu-panel button:focus-visible {outline:2px solid #0071e3;outline-offset:-3px}
@media(hover:hover) and (pointer:fine){
    .ma-menu-panel .ma-menu__link:hover,.ma-menu-panel .ma-menu__quick-link:hover {background:#f0f0f2}
    .ma-menu-panel .ma-menu__close:hover {background:#e2e2e6}
    .ma-menu-panel .ma-menu__overview:hover,.ma-menu-panel .ma-menu__back:hover,.ma-menu-panel .ma-menu__social a:hover {color:#0071e3}
}
@media(max-width:700px){
    .ma-menu-panel {width:100%;box-shadow:none}
    .ma-menu__header {min-height:84px;padding-right:18px;padding-left:18px}
    .ma-menu__view {padding:18px 14px 24px}
    .ma-menu__footer {padding-right:18px;padding-left:18px}
}
@media(max-width:360px){.ma-menu-panel .ma-menu__quick-link{padding:12px;gap:8px;font-size:14px}.ma-menu__quick-link > svg:last-child{display:none}}
@media(max-height:540px){.ma-menu__footer .ma-menu__address,.ma-menu__footer .ma-menu__hours{display:none}.ma-menu__footer{padding-block:6px}.ma-menu__header{min-height:72px;padding-block:14px}}
@media(prefers-reduced-motion:reduce){.ma-menu-layer,.ma-menu__backdrop,.ma-menu-panel,.ma-menu__view,.ma-menu-panel a,.ma-menu-panel button{transition:none}}

/* End */
/* /local/templates/madeauto/css/style.css?1789127473225248 */