/*map*/
.ya-maps{
	height: 460px;
	margin-bottom: 30px;
}

html body * *:not(span):not(span *),
html body a *:not(span):not(span *) {
  font-family: 'Montserrat', sans-serif !important;
/* 	letter-spacing: 0.5px !important; */
}

.ab-icon:before,
.ab-icon::before,
.ab-icon {
  font-family: 'Font Awesome 5 Free', 'Font Awesome', 'IcoMoon', 'Dashicons', sans-serif !important;
  font-weight: normal !important;
}

#skenav a {
	font-family: 'Montserrat', sans-serif !important;
}

/* html body span,
html body span:before,
html body span::before {
  font-family: 'Font Awesome 5 Free', 'Font Awesome', 'IcoMoon', 'Dashicons', sans-serif !important;
} */

/* html body .cont-inf a {
	letter-spacing: 0px !important;
} */



/*img menu*/
/*Тест++*/
#main {
  min-height: calc(100vh - 80px);
}

#content iframe {
max-width: 100%;
    width: 100%;
    outline: none;
    border: none;
    height: 100%;
    overflow: hidden;
}
/*Страница товара++*/
.main-product{
    row-gap: 24px;
    margin: 48px 0;
}
.main-product__container {
    grid-column-end: span 12;
    display: grid;
    grid-template-areas:
        "images"
        "content";
    gap: 48px;
}
.main-product__images {
    grid-area: images;
    display: grid;
    /*grid-template-rows: 376px auto;*/
    grid-template-areas:
        "slider"
        "thumbs";
    /*gap: 50px;*/
    position: relative;
}
.main-product__content {
    grid-area: content;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.main-product__content__headline {
    text-transform: none;
}
.main-product__content__headline {
    color: #333f48;
    font-family: Montserrat,sans-serif;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: .02em;
    line-height: 48px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.main-product__content__subheadline {
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: .24px;
    text-transform: uppercase;
    margin: 6px 0 0;
}
.main-product-menu__product-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    margin: 0;
}
.main-product__content__desc {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}
.main-product-form, .main-product-videos, .main-product-downloads, .main-product-accessories, .main-product-specs, .main-product-drawings, .main-product-key-features, .main-product-menu, .main-product {
    display: grid;
    display: -ms-grid;
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 20px;
    align-items: flex-start;
    grid-column-gap: 20px;
    grid-template-columns: repeat(12,[col-start] minmax(0,2000px));
    -ms-grid-columns: repeat(12,[col-start] minmax(0,2000px));
}
.main-product-key-features__container {
    grid-column-end: span 12;
    padding: 48px 0;
}
.main-product-key-features>* {
    font-size: 16px;
}
.main-product-form__headline, .main-product-videos__headline, .main-product-downloads__headline, .main-product-accessories__headline, .main-product-specs__headline, .main-product-drawings__headline, .main-product-key-features__headline {
    font-weight: 600;
    font-size: 29px;
    line-height: 31px;
    margin: 0 auto 32px;
    text-transform: uppercase;
}
.main-product-key-features__features ul {
    margin: 0;
	    padding: 0 0 0 40px;
}
.main-product-specs__text p, .main-product-specs__text ul, .main-product-specs__text ol, .main-product-key-features__features ul{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.main-product-key-features__features ul li:first-child {
    margin-top: 0;
}
.main-product-key-features__features ul li {
    margin: 1em 0;
}
.main-product-specs__text h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
	.main-product-form, .section-separator{
display: grid;
    display: -ms-grid;
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 20px;
    align-items: flex-start;
    grid-column-gap: 20px;
    grid-template-columns: repeat(12,[col-start] minmax(0,2000px));
    -ms-grid-columns: repeat(12,[col-start] minmax(0,2000px));		
}
.main-product-specs__container, .main-product-drawings__container {
    grid-column-end: span 12;
}
.main-product-specs__text {
    column-gap: 32px;
    --columns: 1;
}
.main-product-specs__text>*:first-child {
    margin-top: 0;
}
.main-product-specs__text h4:has(+p) {
    margin-bottom: 0;
}
.main-product-specs__text h4 {
    font-weight: 700;
    color: #333f48;
}
.main-product-specs__text h4+p {
    margin-top: 0;
    page-break-before: avoid;
}
.main-product-drawings {
    padding-bottom: 48px;
    margin-top: 32px;
}
.main-product-drawings__image-wrap {
    width: 100%;
    position: relative;
}
.main-product-drawings__image-wrap img, .main-product-drawings__image-wrap svg {
    height: 100%;
    width: auto;
    object-fit: contain;
    max-width: 100%;
    max-height: 335px;
}
.main-product-accessories__container {
    grid-column-end: span 12;
    padding: 48px 0 24px;
}
.main-product-accessories__products {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 24px;
}
.main-product-accessories__products__grid {
    display: grid;
    grid-auto-columns: 202px;
    column-gap: 64px;
}
.main-product-accessories__products__item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    grid-row: 1;
}
.main-product-accessories__products__item__image {
    width: 100%;
    height: 117px;
}
.main-product-accessories__products__item__image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}
.main-product-accessories__products__item__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    flex-grow: 1;
}
.main-product-accessories__products__item__content__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    margin: 0;
}
.main-product-accessories__products__item__content__info p {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0px;
    margin: 0;
}
.main-product-accessories__products__item__content__info span {
    font-weight: 600;
}
.shopify-challenge__button.btn--solid, .shopify-challenge__button.btn--solid:link, .shopify-challenge__button.btn--solid:visited, .theme-button--solid, .theme-button--solid:link, .theme-button--solid:visited {
    background-color: #333f48;
    color: #fff;
}
.shopify-challenge__button.btn--full-width, .theme-button--full-width {
    display: block;
    width: 100%;
}
.shopify-challenge__button.btn, .theme-button {
    border: 2px #333f48 solid;
    background-color: #0000;
    color: #333f48;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .15em;
    font-weight: 700;
    line-height: 38px;
    display: inline-block;
	box-sizing:border-box;
	height: auto;
    margin: 0;
    padding: 0 20px;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    position: relative;
    transition: border-color .8s ease-in-out,background-color .8s ease-in-out;
}
.shopify-challenge__button.btn:after, .theme-button:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .15;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 0s cubic-bezier(.19,1,.22,1);
    width: 50px;
    z-index: 1;
}
.shopify-challenge__button.btn--solid:active, .shopify-challenge__button.btn--solid:focus, .shopify-challenge__button.btn--solid:hover, .theme-button--solid:active, .theme-button--solid:focus, .theme-button--solid:hover {
    background-color: #009edc;
    border-color: #009edc;
    color: #fff;
}
.main-product-downloads__container {
    grid-column-end: span 12;
    padding: 48px 0;
}
.main-product-downloads__lists {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}
.main-product-downloads__lists__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.main-product-downloads__lists__list h3 {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.main-product-downloads__lists__list__item {
    display: flex;
    gap: 8px;
    line-height: 24px;
}
.main-product-downloads__lists__list__item label {
    width: 18px;
    height: 24px;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
}
.main-product-downloads__lists__list__item label:before {
    flex-shrink: 0;
    content: "";
    width: 18px;
    height: 18px;
    border: 2.3px solid #333f48;
    display: inline-block;
}
.main-product-downloads__lists__list__item label input {
    width: 0px;
    height: 0px;
    visibility: hidden;
}
.main-product-downloads__lists__list__item a {
    word-break: break-all;
    cursor: pointer;
    margin-top: -3px;
	color:#333f48;
}
.main-product-downloads__lists__list__item a:hover {
    text-decoration: underline;
}
.main-product-videos__container {
    grid-column-end: span 12;
    padding: 48px 0;
}
.main-product-videos__list-wrap {
    width: 100%;
}
.main-product-videos__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    width: 100%;
}
.main-product-videos__list iframe {
    background-color: #000;
    width: 100%;
    height: auto;
    aspect-ratio: 1067/600;
}
.main-product-menu__container {
    grid-column-end: span 12;
    align-self: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    position: relative;
}
.main-product-menu__product-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
	color: #FFFFFF;
    margin: 0;
}
.main-product-menu__nav {
    display: none;
}
.main-product-menu__nav ul {
    display: flex;
    gap: max(2%,48px);
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0px;
	    margin: 1em 0;
}
.main-product-menu__nav ul li a {
    color: #fff;
    text-decoration: none;
    position: relative;
    display: flex;
    justify-content: center;
}
.main-product-menu__nav ul li a:hover {
}
.main-product-menu__nav ul li a:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #fff;
    bottom: 0;
    transition: width .2s ease-out;
}
.main-product-menu-section {
    position: sticky;
    top: 170px;
    background-color: #333f48;
    z-index: 10;
}
.main-product-menu product-menu-mobile {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    position: absolute;
    width: calc(100%);
    height: 100%;
    top: 0;
    left: -20px;
    padding: 0 20px;
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #fff;
	box-sizing:border-box;
}
.main-product-menu__mobile-nav--selected {
    display: flex;
    gap: 4px;
}
.main-product-menu__mobile-nav--selected:before {
    content: attr(data-text);
}
.main-product-menu__mobile-nav--selected:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    transform: rotate(90deg);
    -webkit-mask: url('https://sonance.com/cdn/shop/t/8/assets/chevron.svg') no-repeat;
    mask: url('https://sonance.com/cdn/shop/t/8/assets/chevron.svg') no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
}
.main-product-menu__mobile-nav--nav[data-show=false] {
    visibility: visible;
    transform: scaleY(0);
    pointer-events: none;
}
.main-product-menu__mobile-nav--nav {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: #333f48;
    padding: 20px;
    overflow: hidden;
    visibility: visible;
    transform-origin: top;
    transform: scaleY(1);
    transition: all .24s ease-out;
}
.main-product-menu__mobile-nav--nav form {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}
.main-product-menu__mobile-nav--nav form label {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    width: 160px;
    text-align: right;
    padding-right: 4px;
    position: relative;
}
.main-product-menu__mobile-nav--nav form:not(:has(input:checked)) label:first-child {
    display: none;
}
.main-product-menu__mobile-nav--nav form input {
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 0;
}
.main-product-menu__mobile-nav--nav form input {
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 0;
}
.section-separator div {
    grid-column-end: span 12;
    height: 1px;
    background-color: #333f48;
}
.main-product-form__container {
    grid-column-end: span 12;
    padding: 48px 0;
}
.main-product-form__form-wrap form {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}
.main-product-form__form-wrap form>div>div:not(.theme-button) {
    background-color: #f1f2f2;
}
.main-product-form__input-wrap {
    display: flex;
}
.main-product-form__form-wrap form>div label {
    font-weight: 600;
    text-transform: uppercase;
}
.main-product-form__form-wrap form>div label, .main-product-form__form-wrap form>div span, .main-product-form__form-wrap form>div select, .main-product-form__form-wrap form>div textarea, .main-product-form__form-wrap form>div input:not([type=submit]) {
    padding: 16px;
}
.main-product-specs__text p, .main-product-specs__text ul, .main-product-specs__text ol, .main-product-key-features__features ul, .main-product-form__form-wrap form>div label, .main-product-form__form-wrap form>div span, .main-product-form__form-wrap form>div select, .main-product-form__form-wrap form>div textarea, .main-product-form__form-wrap form>div input:not([type=submit]) {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.main-product-form__input-wrap label {
    flex-grow: 0;
    width: fit-content;
    margin: 0!important;
}

@media (min-width: 1700px){
.main-product__container {
    grid-template-columns: 660px 1fr;
    gap: 12%;
}
	.main-product__images {
    gap: 14%;
}
}
@media (min-width: 1520px){
.main-product__container {
    grid-template-columns: 620px 1fr;
    gap: 7%;
}
	.main-product__images {
    gap: 10%;
}
}
@media (min-width: 1340px){
.main-product__container {
   /* grid-template-columns: 600px 1fr;*/
    gap: max(32px,5%);
}
	.main-product__images {
    /*grid-template-columns: 100px 1fr;*/
    gap: 8%;
}
	.main-product-form, .main-product-videos, .main-product-downloads, .main-product-accessories, .main-product-specs, .main-product-drawings, .main-product-key-features, .main-product-menu, .main-product {
    padding: 0 64px;
}
	.main-product-form, .section-separator{
padding: 0 64px;		
}
.main-product-downloads__lists {
    gap: 64px;
}
	.main-product-videos__list {
    grid-template-columns: repeat(3,1fr);
}
	.main-product-menu-section {
    top: 100px;
}
	.shopify-challenge__button.btn, .theme-button {
    font-size: 16px;
    line-height: 40px;
    padding: 0 20px;
}
}
@media (min-width: 1024px){
.main-product__container {
    grid-template-columns: 1fr 49%;
    grid-template-areas: "images content";
    gap: 32px;
}
	.main-product__images {
    grid-template-rows: 500px;
    /*grid-template-columns: 90px 1fr;*/
    grid-template-areas: "thumbs slider";
    gap: max(16px,4%);
}
	.main-product-form, .main-product-videos, .main-product-downloads, .main-product-accessories, .main-product-specs, .main-product-drawings, .main-product-key-features, .main-product-menu, .main-product {
    padding: 0 48px;
}
		.main-product-form, .section-separator{
padding: 0 48px;		
}
	.main-product-form__headline, .main-product-videos__headline, .main-product-downloads__headline, .main-product-accessories__headline, .main-product-specs__headline, .main-product-drawings__headline, .main-product-key-features__headline {
    margin-bottom: 48px;
}
	.main-product-key-features__features {
    columns: 2;
}
	.main-product-specs__text h4 {
    font-size: 1.125em;
    line-height: 1.5555555556em;
}
	.main-product-specs__text p, .main-product-specs__text ul, .main-product-specs__text ol, .main-product-key-features__features ul {
    font-size: 1em;
    line-height: 1.5em;
}
	.main-product-specs__text {
    columns: var(--columns)!important;
}
	.main-product-drawings__image-wrap img, .main-product-drawings__image-wrap svg {
    max-height: 463px;
}
	.main-product-downloads__lists {
    grid-template-columns: repeat(4,1fr);
}
	.main-product-downloads__lists__list h3 {
    min-height: 40px;
}
	.main-product-videos__list {
    gap: 48px;
}
	.main-product-menu__nav {
    display: block;
}
	.main-product-menu product-menu-mobile {
    display: none;
}
	.main-product-specs__text p, .main-product-specs__text ul, .main-product-specs__text ol, .main-product-key-features__features ul, .main-product-form__form-wrap form>div label, .main-product-form__form-wrap form>div span, .main-product-form__form-wrap form>div select, .main-product-form__form-wrap form>div textarea, .main-product-form__form-wrap form>div input:not([type=submit]) {
    font-size: 1em;
    line-height: 1.5em;
}
}
@media (min-width: 720px){
.main-product {
    row-gap: 32px;
    margin: 88px 0;
}
	.main-product__content {
    gap: 32px;
}
	.main-product__content__headline {
    font-size: 72px;
    letter-spacing: .1em;
    line-height: 80px;
}
	.main-product__content__subheadline {
    margin-top: 8px;
}
	.main-product__content__desc {
    font-size: 21px;
    line-height: 32px;
}
	.main-product-key-features__container {
    padding: 88px 0;
}
	.main-product-specs {
    padding-top: 88px;
}
	.main-product-specs__text h4 {
    font-size: 18px;
    line-height: 28px;
}
	.main-product-specs__text p, .main-product-specs__text ul, .main-product-specs__text ol, .main-product-key-features__features ul{
    font-size: 16px;
    line-height: 24px;
}
	.main-product-specs__text[data-columns="2"], .main-product-specs__text[data-columns="3"] {
    columns: 2;
}
.main-product-drawings {
    padding-bottom: 88px;
}
.main-product-accessories__container {
    padding: 88px 0 64px;
}	
	.main-product-downloads__container {
    padding: 88px 0;
}
	.main-product-downloads__lists {
    grid-template-columns: repeat(2,1fr);
    gap: 48px;
}
	.main-product-videos__container {
    padding: 88px 0;
}
	.main-product-videos__list {
    grid-template-columns: repeat(2,1fr);
}
	.main-product-form__container {
    padding: 88px 0;
}
	.main-product-form__form-wrap form {
    display: grid;
    column-gap: 48px;
    grid-template-columns: 1fr;
    grid-template-columns: repeat(2,1fr);
}
	.main-product-specs__text p, .main-product-specs__text ul, .main-product-specs__text ol, .main-product-key-features__features ul, .main-product-form__form-wrap form>div label, .main-product-form__form-wrap form>div span, .main-product-form__form-wrap form>div select, .main-product-form__form-wrap form>div textarea, .main-product-form__form-wrap form>div input:not([type=submit]) {
    font-size: 16px;
    line-height: 24px;
}
}
/*Страница товара--*/


/*Страница поиска++*/
.main-search__grid {
    display: grid;
    display: -ms-grid;
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 20px;
    align-items: flex-start;
    grid-column-gap: 20px;
    grid-template-columns: repeat(12, [col-start] minmax(0, 2000px));
    -ms-grid-columns: repeat(12, [col-start] minmax(0, 2000px));
}
.main-search__grid[data-results] {
    margin-top: 20px;
}
.main-search__results {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	grid-column-end: span 12;
    gap: 1.5em;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.main-search__results__item {
    background-color: #415364;
    display: block;
    aspect-ratio: 1/1;
    transition: background-color .3s ease-out;
	margin: 0;
    padding: 0;
    border: 0;
}
.main-search__results__item:has(a:hover) {
    background-color: #009edc;
}
.main-search__results__item__link {
    height: 100%;
    display: grid;
    color: #fff;
    text-decoration: none;
}
.main-search__results__item * {
    cursor: pointer;
}
.main-search__results__item__link>* {
    grid-area: 1/1;
}
.main-search__results__item__link__image {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.main-search__results__item__link__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transform: scale(1);
    transition: transform .3s ease-out;
}
.main-search__results__item:has(a:hover) img {
    transform: scale(1.1);
}
.main-search__results__item__link__image::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.35);
    position: absolute;
    top: 0;
    left: 0;
}
.main-search__results__item__link h3 {
    color: #fff;
    justify-self: center;
    align-self: center;
    text-align: center;
    text-decoration: none;
    padding: 16px;
    font-weight: 600;
    z-index: 1;
    text-transform: uppercase;
    margin: 1em 0;
}
@media (min-width: 720px){
.main-search {
    padding: 32px 0 88px;
}
	.main-search__grid[data-results] {
    margin-top: 32px;
}
	.main-search__results {
    gap: 2em;
		
}
/*	.main-search__results__item__link h3 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: .1em;
}*/
}
@media (min-width: 1024px){
.main-search__grid {
    padding: 0 48px;
}
	.main-search__results {
    grid-template-columns: repeat(3, 1fr);
    gap: 3em;
}
/*	.main-search__results__item__link h3 {
    font-size: 1.75em;
    line-height: 1.2857142857em;
}*/
}
@media (min-width: 1340px){
.main-search__grid {
    padding: 0 64px;
}
	.main-search__results {
    grid-template-columns: repeat(4, 1fr);
}
}
/*Страница поиска--*/

.theme-popup-gallery-grid--theme-dark {
    background-color: #333f48;
}

.theme-popup-gallery-grid--theme-dark .theme-popup-gallery-grid__headline, .theme-popup-gallery-grid--theme-dark .theme-popup-gallery-grid__paragraph {
    color: #fff;
}


.theme-scrubber-content-module--theme-dark {
    background-color: #333f48;
}
.theme-scrubber-content-module--theme-dark .theme-scrubber-content-module__headline{
	color: #fff;
}
.theme-scrubber-content-module--theme-dark .theme-scrubber-content-module__paragraph {
    color: #fff;
}
.theme-scrubber-content-module--theme-light {
    background-color: #fff;
}
.theme-scrubber-content-module--padding-normal {
    padding: 48px 0;
}
.theme-text-stack--padding-none-bottom {
    padding: 48px 0 0;
}
.theme-text-stack__headline {
    max-width: 1100px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
.theme-text-stack__paragraph--margin-small {
    margin-top: 16px;
}
.theme-scrubber-content-module__grid {
    row-gap: 20px;
}
.theme-video-banner__content {
    position: relative;
    width: 100%;
    aspect-ratio: 2.35/1;
    overflow: hidden;
}
.theme-video-banner__video-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.theme-video-banner__video {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #333f48;
}
.theme-video-banner__video>* {
    flex-grow: 1;
}
.theme-video-banner__content[data-aspect-ratio="16/9"] {
    aspect-ratio: 16/9;
}
.theme-scrubber-content-module__grid, .theme-video-banner__grid[data-full-bleed=false]{
	display: grid;
    display: -ms-grid;
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 20px;
    align-items: flex-start;
    grid-column-gap: 20px;
    grid-template-columns: repeat(12,[col-start] minmax(0,2000px));
    -ms-grid-columns: repeat(12,[col-start] minmax(0,2000px));
}
.theme-video-banner__grid[data-full-bleed=false]{
	padding: 0;
}
.theme-scrubber-content-module__scrubber-container, .theme-scrubber-content-module__content, .theme-video-banner__content{
	    grid-column-end: span 12;
}
.theme-scrubber {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.theme-scrubber__placeholder-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: visible;
    transition: opacity .2s ease-in-out,visibility .2s ease-in-out;
}
#content .theme-scrubber__placeholder-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.theme-scrubber-content-module__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    height: 100%;
}
.theme-scrubber-content-module__headline {
    margin: 0;
    padding: 0;
}
.theme-scrubber-content-module__headline {
    color: #333f48;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
}
.theme-scrubber-content-module__paragraph {
    margin: 8px 0 0;
}
.theme-scrubber-content-module__paragraph{
	font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 900px;
}
.theme-banner-hero__image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: all;
    transition: opacity .2s ease-in-out,visibility .2s ease-in-out;
}
#content .theme-banner-hero__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.theme-popup-gallery-grid__list {
    row-gap: 48px;
    margin: 32px 0 0;
		--cols: 4;
    --gap: 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    gap: var(--gap);
}
.theme-popup-gallery-grid--per-row-4 .theme-popup-gallery-grid__image {
    padding-bottom: 56.25%;
}
.theme-banner-hero__image--desktop {
    display: none;
}
@media (min-width: 1024px) and (max-width: 1339px){
.theme-banner-hero__headline {
    font-size: 4.5em;
    line-height: 1.1111111111em;
}
}
@media (min-width: 1340px){
	.theme-scrubber-content-module__grid{
		padding: 0 64px;
	}
}
@media (min-width: 1024px){
	.theme-popup-gallery-grid--per-row-4 .theme-popup-gallery-grid__image {
    padding-bottom: 100%;
}
	.theme-popup-gallery-grid--per-row-4 .theme-popup-gallery-grid__list {
		--cols: 4;
	}
	.theme-scrubber-content-module__grid{
		padding: 0 48px;
	}
	.theme-scrubber-content-module__scrubber-container {
    grid-column-end: span 8;
}
	.theme-scrubber-content-module__content {
    grid-column-start: 9;
}
	.theme-scrubber-content-module__content {
    grid-column-end: span 4;
}
	.theme-scrubber-content-module__content {
    padding-left: 20px;
}
	.theme-banner-hero__image--desktop {
    display: block;
}
	.theme-banner-hero__image--mobile {
    display: none;
}
}
@media (min-width: 1024px){
.theme-scrubber-content-module__headline {
    font-size: 2.25em;
    line-height: 1.2222222222em;
}
	.theme-scrubber-content-module__paragraph{
	font-size: 1.125em;
    line-height: 1.5555555556em;
}
}
@media (min-width: 720px){
		.theme-popup-gallery-grid--padding-small-top {
    padding: 32px 0 88px;
}
.theme-scrubber-content-module--padding-normal {
    padding: 88px 0;
}
.theme-scrubber-content-module__headline{
    font-size: 36px;
    line-height: 44px;
}
	.theme-scrubber-content-module__paragraph{
		font-size: 18px;
    line-height: 28px;
	}
}




.theme-thumbnail-grid--theme-dark {
    background-color: #333f48;
}
.theme-thumbnail-grid--theme-dark .theme-thumbnail-grid__headline, .theme-thumbnail-grid--theme-dark .theme-thumbnail-grid__paragraph, .theme-thumbnail-grid--theme-dark .theme-thumbnail-grid__caption{
	color: #fff;
}
.theme-thumbnail-grid--per-row-3 .theme-thumbnail-grid__list,.theme-popup-gallery-grid--per-row-3 .theme-popup-gallery-grid__list, .theme-popup-gallery-grid--per-row-2 .theme-popup-gallery-grid__list {
    --cols: 1;
}
.theme-thumbnail-grid__list, .theme-popup-gallery-grid__list {
    --cols: 4;
    --gap: 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    gap: var(--gap);
	    grid-column-end: span 12;
}
.theme-thumbnail-grid__list-item, .theme-popup-gallery-grid__list-item {
    flex-basis: 100%;
    margin: 0;
    padding: 0;
}
.theme-thumbnail-grid--per-row-3 .theme-thumbnail-grid__image, .theme-popup-gallery-grid--per-row-3 .theme-popup-gallery-grid__image {
    padding-bottom: 56.25%;
}
.theme-thumbnail-grid__image, .theme-popup-gallery-grid__image {
    background-color: #333f48;
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
#content .theme-thumbnail-grid__image img, #content .theme-popup-gallery-grid__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .1s ease-in-out,visibility .1s ease-in-out;
}
.theme-thumbnail-grid__image img:nth-child(2), .theme-popup-gallery-grid__image img:nth-child(2) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.theme-thumbnail-grid__list-item:hover .theme-thumbnail-grid__image img:first-child, .theme-popup-gallery-grid__list-item:hover .theme-popup-gallery-grid__image img:first-child {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.theme-thumbnail-grid__list-item:hover .theme-thumbnail-grid__image img:last-child, .theme-popup-gallery-grid__list-item:hover .theme-popup-gallery-grid__image img:last-child {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.theme-thumbnail-grid__caption:is(a) {
    text-decoration: none;
}
.theme-thumbnail-grid__caption, .theme-popup-gallery-grid__caption {
    color: #333f48;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    margin: 20px 0 0;
}
@media (min-width: 720px){
.theme-thumbnail-grid__list, .theme-popup-gallery-grid__list {
    row-gap: 48px;
    margin: 32px 0 0;
}
}
@media (min-width: 1024px){
.theme-thumbnail-grid--per-row-3 .theme-thumbnail-grid__list, .theme-popup-gallery-grid--per-row-3 .theme-popup-gallery-grid__list {
    --cols: 3;
}
	.theme-popup-gallery-grid--per-row-2 .theme-popup-gallery-grid__list {
    --cols: 2;
}
	.theme-thumbnail-grid__list-item, .theme-popup-gallery-grid__list-item {
    flex-basis: calc(100%/var(--cols) - var(--gap)*var(--cols)/var(--cols));
}
	.theme-thumbnail-grid--per-row-4 .theme-thumbnail-grid__image {
    padding-bottom: 100%;
}
}



.theme-popup-gallery-grid--theme-light, .theme-thumbnail-grid--theme-light{
    background-color: #fff;
}
.theme-popup-gallery-grid--padding-normal,  .theme-thumbnail-grid--padding-normal {
    padding: 48px 0;
}
.theme-popup-gallery-grid__grid{
	display: grid;
    display: -ms-grid;
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 20px;
    align-items: flex-start;
    grid-column-gap: 20px;
    grid-template-columns: repeat(12,[col-start] minmax(0,2000px));
    -ms-grid-columns: repeat(12,[col-start] minmax(0,2000px));
}
.theme-popup-gallery-grid__header, .theme-thumbnail-grid__header{
	grid-column-end: span 12;
}
.theme-popup-gallery-grid__headline, .theme-thumbnail-grid__headline {
    color: #333f48;
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.theme-popup-gallery-grid__paragraph, .theme-thumbnail-grid__paragraph {
    text-align: center;
    margin: 8px auto 0;
		font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    max-width: 900px;
}
@media (min-width: 720px){
.theme-popup-gallery-grid--padding-normal, .theme-thumbnail-grid--padding-normal {
    padding: 88px 0;
}
	.theme-popup-gallery-grid__paragraph, .theme-thumbnail-grid__paragraph {
    margin: 12px auto 0;
}
	.theme-popup-gallery-grid__paragraph{
    font-size: 23px;
    line-height: 36px;
}
}
@media (min-width: 1024px){
.theme-popup-gallery-grid__grid, .theme-thumbnail-grid__grid {
    padding: 0 48px;
}
	.theme-popup-gallery-grid__headline, .theme-thumbnail-grid__headline {
    font-size: 64px;
    letter-spacing: .1em;
    line-height: 80px;
}
	.theme-popup-gallery-grid__paragraph{
    font-size: 1.4375em;
    line-height: 1.5652173913em;
}
}
@media (min-width: 1340px){
.theme-popup-gallery-grid__grid, .theme-thumbnail-grid__grid {
    padding: 0 64px;
}
}







.theme-banner-hero .su-u-responsive-media-yes {
    padding-bottom: 42.5%;
}
.theme-banner-hero {
    width: 100%;
    aspect-ratio: 9/16;
    position: relative;
    background-color: #333f48;
    overflow: hidden;
}
.theme-banner-hero__main {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(0deg,#000000b3,#0000 50%);
}
.theme-banner-hero__grid {
    height: 100%;
	    display: grid;
    display: -ms-grid;
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 20px;
    align-items: flex-start;
    grid-column-gap: 20px;
    grid-template-columns: repeat(12,[col-start] minmax(0,2000px));
    -ms-grid-columns: repeat(12,[col-start] minmax(0,2000px));
}
.theme-banner-hero__content {
	box-sizing:border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
    padding-bottom: 64px;
	grid-column-end: span 12;
}
.theme-banner-hero__headline {
    color: #fff;
   font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.theme-banner-hero__paragraph{
    color: #fff;
	font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    max-width: 900px;
}
.theme-banner-hero__video-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.theme-banner-hero__video {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 1340px){
.theme-banner-hero__grid {
    padding: 0 64px;
}
}
@media (min-width: 1024px){
.theme-banner-hero {
    aspect-ratio: 2.35/1;
}
	.theme-banner-hero__grid {
    padding: 0 48px;
}
	.theme-banner-hero__content {
    padding-bottom: 6%;
}
	.theme-banner-hero__headline {
    max-width: 75%;
}
	.theme-banner-hero__paragraph {
    max-width: 65%;
font-size: 1.4375em;
    line-height: 1.5652173913em;
}
	
}
@media (max-width: 1023px){
.theme-banner-hero__video:not([data-theme-banner-hero-video-mobile]) {
    width: 420%;
    transform: translate(-50%);
}
}
@media (min-width: 720px){
.theme-banner-hero__headline {
    font-size: 72px;
    line-height: 80px;
}
		.theme-banner-hero__paragraph {
font-size: 23px;
    line-height: 36px;
}
}



.theme-text-stack--theme-black {
   background-color: #000;
}
.theme-text-stack__richtext:first-child {
    margin-top: 0;
}
.theme-text-stack__richtext p:first-child{
	margin-top: 0;
}

.theme-text-stack--theme-black .theme-text-stack__richtext{
	color: #fff;
}
.theme-text-stack--theme-black .theme-text-stack__richtext p{
	color: #fff;
}
.theme-text-stack__richtext {
    font-weight: 400;
    max-width: 900px;
    text-align: center;
    margin: 0 auto;
	grid-column-start: 2;
	grid-column-end: span 12;
}
@media (min-width: 720px){
.theme-text-stack--padding-normal {
	padding: 88px 0;
}
	.theme-text-stack--padding-none-bottom {
    padding: 88px 0 0;
}

	.theme-text-stack__paragraph--margin-small {
    margin-top: 24px;
}
.theme-text-stack__richtext {
    margin: 48px auto 0;
	font-size: 20px;
    line-height: 1.5652173913em;

}
	.theme-text-stack__richtext p{
		margin: 48px auto 0;
	font-size: 20px;
    line-height: 1.5652173913em;
	}
	.theme-single-column--padding-normal {
    padding: 88px 0;
}
		.theme-text-stack__richtext{
		grid-column-end: span 10;
	}
}
.theme-single-column--theme-light {
    background-color: #fff;
}
.theme-text-stack--padding-normal {
    padding: 48px 0;
}
.theme-single-column--padding-normal {
    padding: 48px 0;
}
.theme-side-by-side--theme-light {
    background-color: #fff;
}
.theme-side-by-side--padding-normal {
    padding: 48px 0;
}
.theme-side-by-side {
    display: flex;
    flex-direction: column;
}
.theme-side-by-side__item-container{
	display: grid;
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 20px;
    align-items: flex-start;
    grid-column-gap: 20px;
    grid-template-columns: repeat(12,[col-start] minmax(0,2000px));
	box-sizing: border-box;
}
.theme-side-by-side__item {
    grid-column-end: span 12;
    display: grid;
    grid-template-areas:
        "image"
        "content";
}
.theme-side-by-side__image-container:has(img) {
    background-color: #0000;
}
.theme-side-by-side__image-container {
    grid-area: image;
    aspect-ratio: 842/538;
    width: 100%;
    overflow: hidden;
    background-color: #333f48;
}
.theme-side-by-side__image {
    width: 100%;
    height: 100%;
    position: relative;
}
.theme-side-by-side__image img {
    object-fit: contain;
}
.theme-side-by-side__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.theme-side-by-side__content {
    grid-area: content;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 48px;
	box-sizing: border-box;
}
.theme-side-by-side__headline {
    color: #009edc;
    margin: 0;
    padding: 0;
}
.theme-side-by-side__richtext {
    margin: 1.5em 0;
    font-size: 1.17rem;
}
.theme-side-by-side__richtext>*:last-child {
    margin-bottom: 0!important;
}
.theme-side-by-side__richtext>*:first-child {
    margin-top: 0!important;
}
.theme-side-by-side ul, .theme-side-by-side ol {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.8em;
}
.theme-side-by-side p, .theme-side-by-side ul, .theme-side-by-side ol {
    margin: 1.25em 0;
}
	.theme-side-by-side__richtext>*{
font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
	}
@media (min-width: 720px){
.theme-side-by-side--padding-normal {
    padding: 88px 0;
}
	.theme-side-by-side__headline{
	    font-size: 28px;
    line-height: 36px;
}
	.theme-side-by-side__richtext>*{
	font-size: 18px;
    line-height: 28px;
	}
}
@media (min-width: 1023px){
.theme-side-by-side__item {
    grid-template-areas:
        "content"
        "image";
}
}
@media (min-width: 1340px){
.theme-side-by-side {
    padding: 96px 0;
    gap: 80px;
}
	.theme-side-by-side__item-container{
padding: 0 64px;		
	}
	.theme-side-by-side__item {
    column-gap: 80px;
}
}
@media (min-width: 1024px){
.theme-side-by-side {
    padding: 80px 0;
    gap: 64px;
}
.theme-side-by-side__item-container{
  padding: 0 48px;	
	}
	.theme-side-by-side__item {
    grid-template-columns: auto 60%;
    grid-template-areas: "content image";
    column-gap: 64px;
    align-items: center;
}
	.theme-side-by-side__image-container {
    aspect-ratio: 842/538;
}
	.theme-side-by-side__content {
    align-items: flex-start;
    text-align: left;
    padding: 0;
}
.theme-side-by-side__headline{
	    font-size: 1.75em;
    line-height: 1.2857142857em;
}
	.theme-side-by-side__richtext>*{
		    font-size: 1.125em;
    line-height: 1.5555555556em;
	}
	
}


.theme-compare-models__grid{
	    display: grid;
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 20px;
    align-items: flex-start;
    grid-column-gap: 20px;
    grid-template-columns: repeat(12,[col-start] minmax(0,2000px));
}
.theme-compare-models__preheadline {
    grid-column-end: span 12;
    text-align: center;
    margin: 0;
}
.theme-compare-models {
    display: block;
    background-color: #f9f9f9;
    padding: 60px 0;
}
.theme-compare-models__preheadline{
	color: #333f48;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .02em;
    line-height: 24px;
    text-transform: uppercase;
}
.theme-compare-models__headline{
	color: #333f48;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: .02em;
    line-height: 48px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.theme-compare-models__headline {
    grid-column-end: span 12;
    text-align: center;
}
.theme-compare-models__container {
    grid-column-end: span 12;
    margin: 48px auto;
    max-width: 1220px;
    position: relative;
}
.theme-compare-models__container__grid {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
    gap: 15px;
}
form {
    margin: 0;
}
.theme-compare-models__container__grid__item {
    display: grid;
    row-gap: 10px;
    min-width: 0;
    padding: 0.625em 0;
    font-weight: 700;
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: 0%;
}
.theme-compare-models__container__grid__image-wrap {
    display: grid;
    width: 100%;
    min-width: 0;
    aspect-ratio: 1/1;
    position: relative;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    transition: pointer-events 1s;
}
.theme-compare-models__container__grid__image-wrap img {
    width: 100% !important;
    height: 80% !important;
    object-fit: contain;
    pointer-events: none;
    padding: 0.625em 1.25em;
	box-sizing: border-box;
}
.theme-compare-models__container__grid__image-wrap>* {
    grid-area: 1/1;
}
.theme-compare-models__container__grid__image-wrap__hover {
    pointer-events: all;
    background-color: #2c2c2ce6;
    color: #fff!important;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all .24s ease-out;
    text-decoration: none;
    z-index: 1;
    padding: 2.375em;
}
.theme-compare-models__container__grid__image-wrap:after, .theme-compare-models__container__grid__image-wrap__hover {
    height: 100%;
    width: 100%;
    display: grid;
    text-align: center;
    padding: 15px 20px;
	box-sizing: border-box;
}
.theme-compare-models__container__grid__image-wrap:after {
    content: attr(data-product-title);
    position: absolute;
    top: 0;
    left: 0;
    align-items: end;
    z-index: 2;
    color: initial;
    transition: color .24s ease-out;
	box-sizing:border-box;
}
.theme-compare-models__container__grid__image-wrap__hover:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    background-color: #009edc;
}
.theme-compare-models__container__grid__image-wrap:hover {
}
.theme-compare-models__container__grid__image-wrap:hover .theme-compare-models__container__grid__image-wrap__hover {
    opacity: 1;
    visibility: visible;
}
.theme-compare-models__container__grid__image-wrap__hover:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    background: url(/site-content/uploads/2025/06/arrow-diagnal-up-right.png) no-repeat;
}
.theme-compare-models__container__grid__image-wrap:hover:after {
    color: #fff;
}
@media (max-width: 719px){
.theme-compare-models__container__grid__image-wrap {
    font-size: 3.4vw!important;
}
}
@media (min-width: 720px){
	.theme-compare-models__preheadline{
font-size: 28px;
    line-height: 36px;
	}
	.theme-compare-models__headline{
		font-size: 72px;
    letter-spacing: .1em;
    line-height: 80px;
	}
.theme-compare-models__container__grid {
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}	
}
@media (min-width: 1024px){
.theme-compare-models {
    padding: 80px 0;
}
	.theme-compare-models__grid{
		    padding: 0 48px;
	}
	.theme-compare-models__preheadline{
		font-size: 1.75em;
    line-height: 1.2857142857em;
	}
	.theme-compare-models__container__grid {
    grid-template-columns: repeat(4,1fr);
}
	.theme-compare-models__container__grid__image-wrap__hover {
    pointer-events: all;
}
}
@media (min-width: 1340px){
.theme-compare-models {
    padding: 96px 0;
}
	.theme-compare-models__grid{
		padding: 0 64px;
	}
	
}


.main-collection-product-gallery__grid {
    font-size: 16px;
}
.main-collection-product-gallery__headline {
    color: #333f48;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
}
.main-collection-product-gallery__grid .su-image-carousel-slides-style-default .su-image-carousel-item-content img {
    padding: 3px;
    border: none;
    border-radius: 0;
    background: #fff;
}
@media (min-width: 720px){
.main-collection-product-gallery__headline {
    font-size: 24px;
    line-height: 35px;
}
}
@media (min-width: 1024px){
.main-collection-product-gallery__grid {
    padding: 30px 48px;
}
	.main-collection-product-gallery__headline {
    font-size: 1.5em;
    line-height: 1.4583333333em;
}
}
@media (min-width: 1340px){
.main-collection-product-gallery__grid {
    padding: 40px 64px;
}
}


.theme-single-column--theme-black {
    background-color: #000;
}
.theme-single-column--padding-large {
    padding: 90px 0;
}
.theme-single-column__grid {
    row-gap: 1em;
    font-size: 1rem;
	    display: grid;
     max-width: 2000px;
    margin: 0 auto;
    padding: 0 20px;
    align-items: flex-start;
    grid-column-gap: 20px;
    grid-template-columns: repeat(12,[col-start] minmax(0,2000px));
}
.theme-single-column__grid>*:first-child {
    margin-top: 0;
}
.theme-single-column--theme-black .theme-single-column__preheadline, .theme-single-column--theme-black .theme-single-column__headline{
    color: #fff;
}
.theme-single-column__preheadline {
    text-align: center;
    margin: 0;
    padding: 0;
	color: #333f48;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .02em;
    line-height: 24px;
    text-transform: uppercase;
	grid-column-start: 2;
	grid-column-end: span 12;
}

.theme-single-column__headline {
    text-align: center;
    margin: 0;
    padding: 0;
	color: #333f48;
    font-weight: 400;
    font-size: 30px;
    letter-spacing: .02em;
    line-height: 48px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
	grid-column-start: 2;
	    grid-column-end: span 12;
}
.theme-single-column__grid>*:last-child {
    margin-bottom: 0;
}
.theme-single-column__image-grid {
    grid-column-start: 1;
    row-gap: 2.5em;
}
.theme-single-column__image-grid--4 {
    --columns: 4;
    --gap: 0px;
    --height: 80px;
	grid-column-end: span 12;
    grid-column-start: 1;
}
.theme-single-column__image-grid, .theme-single-column__image-grid--3{
	--columns: 3;
    --gap: 0px;
    --height: 100px;
}
.theme-single-column__image-grid{
--columns: 3;
    --gap: 64px;
    justify-self: center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 2em 0;
}
.theme-single-column__image-grid-image {
    height: 220px;
    width: 340px;
	   width: calc(100%/var(--columns) - var(--gap) + var(--gap)/var(--columns));
    height: var(--height);
}
.theme-single-column--theme-black .theme-single-column__image-grid-image a{
	color: #fff;
}
.theme-single-column__image-grid-image a:hover {
    text-decoration: underline;
}
.theme-single-column__image-grid-image a:hover img {
    transform: scale(1.3);
}
.theme-single-column__image-grid-image a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	text-decoration: none;
}
.theme-single-column__image-grid-image a, .theme-single-column__image-grid-image a * {
    cursor: pointer;
    position: relative;
}
.theme-single-column__image-grid-image img {
    margin-top: 32px;
    height: 100px !important;
}
.theme-single-column__image-grid-image img {
	    width: 100%;
    height: 100%;
    max-height: 19.625em;
    object-fit: contain;
    transform: scale(1);
    transition: transform .3s ease-out;
}
.theme-single-column__image-grid-image__text {
    width: 100%;
    text-align: center;
    margin: 1em auto 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    line-height: 21.94px;
}
.theme-single-column__paragraph {
    text-align: center;
    margin: 0 3%;
}
.theme-text-stack--padding-none-top {
    padding: 0 0 48px;
}
	@media (min-width: 320px){

			.theme-single-column__image-grid--4 {
    --gap: 32px;
    --height: 170px;
		--columns: 1;
		grid-column-end: span 13;
    grid-column-start: 1;
		
}
}
	@media (min-width: 720px){
.theme-single-column--padding-large {
    padding: 122px 0;
}
	.theme-single-column__grid {
    row-gap: 1.5em;
}
		.theme-single-column__preheadline{
	font-size: 28px;
    line-height: 36px;
}
	.theme-single-column__headline{
		    font-size: 72px;
    line-height: 80px;
	}
	.theme-single-column__image-grid-image:not(:last-child):not(:nth-child(2)) {
    border-right: 2px solid #333f48;
}
	.theme-single-column__image-grid-image {
    border-top: none !important;
}
			.theme-single-column__image-grid--4 {
    --gap: 32px;
    --height: 170px;
						--columns: 3;
		grid-column-end: span 15;
    grid-column-start: 1;
		
}
		.theme-text-stack--padding-none-top {
    padding: 0 0 88px;
}
}
@media (min-width: 1024px){
.theme-single-column__grid {
    row-gap: 2em;
	padding: 0 48px;
}
.theme-single-column__paragraph {
    margin: 0 auto;
		font-size: 1.4375em;
    line-height: 1.5652173913em;
}
.theme-single-column__paragraph p{
		font-size: 1.4375em;
    line-height: 1.5652173913em;
}
	.theme-grid-collage__grid-container, .theme-single-column__paragraph {
    grid-column-start: 3;
}
	.theme-grid-collage__grid-container, .theme-single-column__paragraph, .theme-scrubber-content-module__scrubber-container {
    grid-column-end: span 8;
}
	.theme-single-column__preheadline{
		    font-size: 1.75em;
    line-height: 1.2857142857em;
}
	.theme-single-column__image-grid {
    grid-column-end: span 12;
		grid-column-start: 2;
		--gap: 64px;
    --height: 300px;
}
	.theme-single-column__image-grid--4 {
    --gap: 32px;
    --height: 300px;
		grid-column-end: span 12;
    grid-column-start: 1;
		
}
	.theme-single-column__image-grid-image:not(:last-child) {
    border-right: 2px solid #333f48;
}
	.theme-single-column__image-grid-image {
    width: 220px;
		height: var(--height);
}
	.theme-single-column__preheadline{
		grid-column-end: span 10;
	}
	.theme-single-column__headline{
		grid-column-end: span 10;
	}
	.theme-single-column__image-grid-image img {
    margin-top: 16px !important;
}
}
@media (min-width: 1340px){
.theme-single-column__grid {
   padding: 0 64px;
}
	.theme-single-column__image-grid-image {
    width: 280px;
}
}





.theme-text-stack--theme-light {
    background-color: #fff;
}
.theme-text-stack--padding-small {
    padding: 20px 0;
}
	.theme-text-stack__grid{
    display: grid;
    display: -ms-grid;
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 20px;
    align-items: flex-start;
    grid-column-gap: 20px;
    grid-template-columns: repeat(12,[col-start] minmax(0,2000px));
    -ms-grid-columns: repeat(12,[col-start] minmax(0,2000px));
}
.theme-text-stack--theme-black .theme-text-stack__preheadline, .theme-text-stack--theme-black .theme-text-stack__paragraph{
	color: #fff;
}
.theme-text-stack--theme-black .theme-text-stack__paragraph--margin-none-top {
    margin-top: 0;
}
.theme-text-stack__preheadline {
    max-width: 1100px;
    color: #009edc;
    text-align: center;
    margin: 0 auto;
    padding: 0;
	font-weight: 600;
	    text-transform: uppercase;
	grid-column-end: span 12;
}
.theme-text-stack__headline {
    max-width: 1100px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
	    text-transform: uppercase;
	color: #333f48;
    font-weight: 400;
}
.theme-text-stack__paragraph {
    max-width: 1100px;
    text-align: center;
    margin: 24px auto 0;
}
.theme-text-stack--padding-small-bottom {
padding: 48px 0 20px;
}
@media (min-width: 720px){
.theme-text-stack--padding-small-bottom {
padding: 88px 0 32px;
}
}



.theme-image-module-grid__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
}
.theme-image-module-grid__list-item {
    margin: 0;
    padding: 0;
}
.theme-image-module {
    position: relative;
}
.theme-image-module__image {
    background-color: #333f48;
    display: grid;
    height: 0;
    padding-bottom: 68.965%;
    position: relative;
    z-index: 0;
}
#content .theme-image-module__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.theme-image-module__image>* {
    grid-area: 1/1;
}
.theme-image-module__image .theme-image-module__headline {
    color: #fff;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity .3s;
    text-shadow: 0px 0px 16px rgb(0 0 0 / 80%);
    background-color: #0006;
}
.theme-image-module a {
    text-decoration: none!important;
}
.theme-image-module__content {
  box-sizing: border-box;  
	margin: 20px 0 0;
    padding: 0 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1;
    background-color: #ffffffd9;
}
.theme-image-module__paragraph {
    margin: 12px 0 0;
	font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 900px;
}
.theme-image-module__action {
    margin: 12px 0 0;
}
.theme-button--min-padding {
    padding: 0 10px;
    line-height: 30px;
    border: 2px #333f48 solid;
    background-color: #0000;
    color: #333f48;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .15em;
    font-weight: 700;
    line-height: 38px;
    display: inline-block;
    width: fit-content;
    height: auto;
    margin: 0;
    padding: 0 20px;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    position: relative;
    transition: border-color .8s ease-in-out,background-color .8s ease-in-out;
}
.theme-button--min-padding {
    padding: 0 10px;
    line-height: 30px;
}
.theme-button:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .15;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 0s cubic-bezier(.19,1,.22,1);
    width: 50px;
    z-index: 1;
}
.theme-image-module__image .theme-image-module__headline {
    color: #fff;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity .3s;
    text-shadow: 0px 0px 16px rgb(0 0 0 / 80%);
    background-color: #0006;
}
@media (min-width: 1340px){
	.theme-text-stack__grid{
		padding: 0 64px;
	}
	.theme-image-module-grid__list {
    gap: 64px;
}
	.theme-image-module__image {
    font-size: 1vw!important;
}
	.theme-image-module__content {
    padding: 10% 20%;
}
	.theme-image-module__content {
    font-size: 1vw!important;
}
	.theme-button {
    font-size: 16px;
    line-height: 40px;
    padding: 0 20px;
}
}
@media (min-width: 1024px){
	.theme-text-stack__grid{
		padding: 0 48px;
	}
	.theme-image-module-grid__list {
    grid-template-columns: 1fr 1fr;
}
.theme-image-module__content {
    font-size: 1.1vw!important;
}
	.theme-text-stack__paragraph{
		font-size: 1.4375em;
    line-height: 1.5652173913em;
	}
	.theme-image-module__headline {
    font-size: 1.75em;
    line-height: 1.2857142857em;
}
.theme-image-module__paragraph {
    font-size: 1.125em;
    line-height: 1.5555555556em;
}
}
@media (min-width: 720px){
.theme-text-stack--padding-small {
    padding: 32px 0;
}
	.theme-image-module-grid__list {
    gap: 48px;
}
	.theme-image-module__content {
    margin: 0;
    padding: 10%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s;
}
		.theme-image-module__headline {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: .1em;
}
	.theme-image-module__paragraph {
font-size: 18px;
    line-height: 28px;
}
	.theme-image-module__action {
    margin: 32px 0 0;
}
	.theme-image-module:hover .theme-image-module__image .theme-image-module__headline {
    opacity: 0;
}
	.theme-image-module:hover .theme-image-module__content {
    opacity: 1;
}
}






#call-to-action-box .skt-ctabox-content-grid{
display: grid;
    display: -ms-grid;
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 20px;
    align-items: flex-start;
    grid-column-gap: 20px;
    grid-template-columns: repeat(12,[col-start] minmax(0,2000px));
    -ms-grid-columns: repeat(12,[col-start] minmax(0,2000px));
}
.skt-section {
    padding: 48px 0;
}
#call-to-action-box .nk-outro-headline {
    font-weight: 500;
    color: #009edc;
    font-size: 24px;
    line-height: 32px;
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
		margin: 0;
}
#call-to-action-box .nk-paragraph{
	    font-size: 24px;
    line-height: 32px;
		letter-spacing: 0em;
    text-align: center;
    margin: 0;
    padding: 0;
	grid-column-end: span 12;
	color: #414141;
}
#call-to-action-box .nk-outro-headline, .theme-text-stack__headline, .theme-text-stack__paragraph {
	grid-column-end: span 12;
}
@media (min-width: 720px){
.theme-text-stack__paragraph {
    margin: 48px auto 0;
	font-size: 23px;
    line-height: 36px;
}
	.theme-text-stack__headline:not(:first-child) {
    margin-top: 20px;
}
	.theme-text-stack__headline{
	font-size: 72px;
    line-height: 80px;
	}
	#call-to-action-box .nk-outro-headline {
    font-size: 32px;
    line-height: 40px;
}
		.theme-text-stack__preheadline{
    font-size: 28px;
    line-height: 36px;
 }

}
@media (min-width: 1024px){
	.theme-text-stack__preheadline{
		font-size: 1.75em;
    line-height: 1.2857142857em;
		    grid-column-start: 2;
	}
	.theme-text-stack__headline, .theme-text-stack__paragraph{
		grid-column-start: 2;
	}
	#call-to-action-box .container-grid{
	padding: 0 48px;
}
	.theme-text-stack__preheadline, .theme-text-stack__headline, .theme-text-stack__paragraph{
		grid-column-end: span 10;
	}
}
@media (min-width: 1340px){
#call-to-action-box .nk-paragraph {
    grid-column-start: 2;
	font-size: 42px;
    line-height: 68px;
	grid-column-end: span 10;
}
	#call-to-action-box .skt-ctabox-content-grid{
	    padding: 0 110px;	
	}
	#call-to-action-box .nk-outro-headline {
    font-size: 52px;
    line-height: 60px;
		grid-column-end: span 12;
}
.skt-section {
    padding: 148px 0;
}
}


/*блоки видео с главной*/
.index-split-experiences-grid__grid {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: repeat(2,1fr);
}
@media (min-width: 720px){
.index-split-experiences-grid__grid {
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto;
}
}
.index-split-experiences-grid__item {
    width: 100%;
    aspect-ratio: 2/1.7;
    position: relative;
}
.index-split-experiences-experience>* {
    grid-area: 1/1;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
}
.index-split-experiences-experience {
    display: grid;
    width: 100%;
    height: 100%;
    position: relative;
}
.index-split-experiences-experience:before {
    content: "";
    background-color: #00000059;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-in-out,visibility .2s ease-in-out;
    z-index: 1;
    grid-area: 1/1;
}
.index-split-experiences-experience__image {
    z-index: 0;
}
.index-split-experiences-experience__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.index-split-experiences-experience__link {
    font-size: 0;
    line-height: 0;
    display: block;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}
.index-split-experiences-experience__content {
    z-index: 2;
}
.index-split-experiences-experience__headline {
    color: #fff;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 32px;
    left: 32px;
}
@media (min-width: 1024px){
	.index-split-experiences-experience__headline {
font-size: 1.75em;
    line-height: 1.2857142857em;
}
}





.su-row .su-column .cat-product {
    border: 5px solid #00a1e0;
    border-radius: 10px;
    padding: 15px;
}
.su-row.iport-product .su-column .cat-product {
    border: 5px solid #fc4c02;
    border-radius: 10px;
    padding: 15px;
}
.su-row.iport-product .price_couple {
    padding: 2px 12px;
    font-size: 18px;
    border: 1px solid;
    border-color: #fc4c02;
    color: #fff;
    background-color: #fc4c02;
    display: inline-block;
    vertical-align: middle;
    margin: 3px 5px 0 0;
    line-height: 26px;
}
.su-row.iport-product a{
	color: #fc4c02;
}
.su-row .su-column.su-column-size-1-1 .cat-product{
	width: 30%;
	margin: 0 auto;
}
.su-row .su-column.su-column-size-1-2 .cat-product{
	width: 60%;
	margin: 0 auto;
}
.su-row.cat-product-block .su-column-size-1-5{
	width: 196.55px;
}
.cabel_order a span{
		padding: 2px 12px;
    font-size: 18px;
    border: 1px solid;
    border-color: #00a1e0;
    color: #fff;
    background-color: #00a1e0;
    display: inline-block;
    vertical-align: middle;
    margin: 3px 20px 0 90px;
    line-height: 26px;
}
/*Тест--*/
/*Времянное++*/
.temp-link:hover{
	color: #787877 !important;
}
/*Времянное--*/
/*Каталог++*/
.params-product{
	text-align: left;
	padding-top: 10px;
	min-height: 110px;
	max-width: 300px;
	margin: 0 auto;
}
/*Каталог--*/

/*Главная страница++*/
.boxes{
	display: inline-block;
	width: 32%;
	margin: 0 18px;
}
.boxes:first-child{
	margin: 0;
}
.boxes:last-child{
	margin: 0;
}
.box-title h4{
	font-weight: 700;
}
/*Главная страница--*/
.su-table table .analog-th {
    text-align: center!important;
    padding: 1em!important;
    font-size: 1em!important;
    font-weight: 700!important;
    color: #333!important;
    border: 1px solid #ccc!important;
    background: #f0f0f0!important;
}
.price_couple{
padding: 2px 12px;
font-size: 18px;
border: 1px solid;
border-color: rgb(0, 161, 224);
color: #FFFFFF;
background-color: rgb(0, 161, 224);
display: inline-block;
vertical-align: middle;
margin: 3px 5px 0 0px;
line-height: 26px;
}
.forma-obuchenie{
width: 40%;
}
.bread-title-holder .cont_nav {
	margin: 0 0 10px 0;
}
.hide-prof{
display: none !important;	
}
.social-links{
float: none;
	margin-top: 0px;
	text-align: center;
}
.social-links ul{
	margin-bottom: 0;
}
.social-links ul li a{
	width: 45px;
	height: 45px;
}
.social-links .s-whatsapp a img{
		width: 30px;
	height: 30px;
}
.social-links .s-vkontakte a img{
		width: 30px;
	height: 24px;
}
.social-links .s-youtube a img{
		width: 30px;
	height: 22px;
}
/*.social-links .lazyloaded{
width: 30px;
}*/
#logo {
    height: 80px;
    /*height: 100px;*/
    max-height: 130px;
	width: 40%;/*после того как удалим картинку с сайта, сделать ширину 6% */
}
.hidden-menu-item {
  display: none;
}
.top-nav-menu {
    width: 100% !important;
    margin-left: 0px !important;
}
.mobileurl{
display: none;
}
.social-links ul{
list-style-type: none;
}
.social-links ul li{
display: inline-block;
	margin-left: 0;
}
#logo a{
width:300px; 
margin:0 auto; 
display: block;
}
#search-wrap, #legacy-search-wrap {
    background: #d3d3d3;
    padding: 2px;
    display: inline-block;
    line-height: normal;
}
.btn.btn-default {
    background: #d3d3d3;
    color: #818181;
    border-radius: 0;
    text-shadow: none;
    vertical-align: top;
    padding: 7px 12px;
}
#searchform .searchright {
    padding: 7px 10px;
    background: white;
}
.related-img {
    min-height: 195px;
}
.access-img {
	min-height: 190px;
}








.showroom_button_n{
	position:fixed; /*фиксированная позиция кнопки при прокрутке*/
	z-index:9999;
	right: 15px; /*отступ с права*/
	top: 470px; /*отступ сверху*/
	box-shadow: 0 0 12px rgba(0,0,0,0.8);
	border-radius: 6px;
}
.diller_button{
	position:fixed; /*фиксированная позиция кнопки при прокрутке*/
	z-index:9999;
	right: 15px; /*отступ с права*/
	top: 525px; /*отступ сверху*/
	box-shadow: 0 0 12px rgba(0,0,0,0.8);
	border-radius: 6px;
}
.be_diller_button{
	position:fixed; /*фиксированная позиция кнопки при прокрутке*/
	z-index:9999;
	right: 15px; /*отступ с права*/
	top: 580px; /*отступ сверху*/
	box-shadow: 0 0 12px rgba(0,0,0,0.8);
	border-radius: 6px;
}
.be_diller_button a, .diller_button a, .showroom_button_n a{
background-color: #009dde;
font-weight: 700 !important;
font-size: 16px !important;
letter-spacing: .5px;
text-transform: uppercase;
color: #333 !important;
white-space: nowrap !important;
text-align: center;
padding: 10px 10px;
border-radius: 6px;
display:block;
min-width: 170px;
background-size: contain;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
.be_diller_button a:hover, .diller_button a:hover, .showroom_button_n a:hover{
background-color: rgba(0,161,224,.25) !important;
color: #111 !important;
transition: background .2s ease-in-out;
}








.mid-box-title{
	text-align:center;
	font-size: 29px;
}
#featured-box {
padding-top: 30px;
}
.toggle-row{
display: inline-block;
}
.rs-toggle-group {
    margin-bottom: 30px;
}
.rs-toggle-group a {
    color: #999999;
    margin-right: 30px;
    display: inline-block;
    text-decoration: none;
    opacity: 0.5;
}
.rs-toggle-group a.active {
    opacity: 1;
}
.icon-t.ellipse {
    display: inline-block;
    border-radius: 50%;
    background-color: rgb( 153,153,153 );
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.wp-video {
    margin: 0 auto;
}
.icon-t.square {
    display: inline-block;
    background-color: rgb( 153,153,153 );
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.active .ellipse, .active .square {
    background-color: rgb( 0,0,0 );
}
.product-shared-array img.active {
    display: block;
}
.product-shared-array img {
    display: none;
}
/*.product-shared-array img {
    max-height: 286px;
}*/
.product-shared-array .toggleable-ele {
    display: none;
}
.cont-inf {
	position: relative;
    top: 0;
    right: 0;
    margin: 0 auto 10px;
    width: 153.5px;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
}
.bread-title .title{
    display: block;
    margin-bottom: 7px;
    font-size: 22px;
    line-height: 26px;
}
.similar-product, .cat-product{
	text-align: center;
}
.similar-product .name-product, .cat-product .name-product{
	display: block;
	min-height: 75px;
}
.similar-product .price_couple, .cat-product .price_couple{
	margin: 20px 0 0 0;
}
.cat-product a.medium-button{
	margin: 10px 0 0 0;
}
.su-table tr td.category-information p{
	text-align: center !important;
}
.category-information a.medium-button {
    margin: 10px 0px 0 0;
}
.skehead-headernav.skehead-headernav-shrink .cont-inf {
   position: relative;
    top: 0;
    right: 0;
	margin: 0px auto 10px;
	width: 710px;
	text-align: left
}
.cont-inf-te{
	background: url(https://sonance.ru/site-content/uploads/2022/05/free-icon-phone-call-126509.png) 0 center no-repeat; 
		background-size: 20px;
padding-left:25px;
	display: block;
	color: #818181;
}
.cont-inf-mx{
	background: url(https://sonance.ru/site-content/uploads/2026/04/MAX-64x64-1.png) 0 center no-repeat; 
	background-size: 20px;
	padding-left:25px;
	display: block;
	color: #818181;
}
.cont-inf-tg{
	background: url(https://sonance.ru/site-content/uploads/2026/04/telegram-64x64-1.png) 0 center no-repeat; 
	background-size: 20px;
	padding-left:25px;
	display: block;
	color: #818181;
}
.cont-inf-wa{
	background: url(https://sonance.ru/site-content/uploads/2022/05/free-icon-whatsapp-1384023.png) 0 center no-repeat; 
	background-size: 20px;
	padding-left:25px;
	display: block;
	color: #818181;
}
.cont-inf-em{
	background: url(https://sonance.ru/site-content/uploads/2022/05/free-icon-mail-646094.png) 0 center no-repeat;
	background-size: 20px;
	padding-left:25px;
	display: block;
}
.skehead-headernav.skehead-headernav-shrink .cont-inf-te{
	background: url(https://sonance.ru/site-content/uploads/2022/05/free-icon-phone-call-126509.png) 0 center no-repeat; 
		background-size: 20px;
padding-left:25px;
		display: inline-block;
}
.skehead-headernav.skehead-headernav-shrink .cont-inf-mx{
	background: url(https://sonance.ru/site-content/uploads/2026/04/MAX-64x64-1.png) 0 center no-repeat; 
		background-size: 20px;
padding-left:25px;
	margin-left: 20px;
		display: inline-block;
}
.skehead-headernav.skehead-headernav-shrink .cont-inf-tg{
	background: url(https://sonance.ru/site-content/uploads/2026/04/telegram-64x64-1.png) 0 center no-repeat; 
		background-size: 20px;
padding-left:25px;
	margin-left: 20px;
		display: inline-block;
}
.skehead-headernav.skehead-headernav-shrink .cont-inf-wa{
	background: url(https://sonance.ru/site-content/uploads/2022/05/free-icon-whatsapp-1384023.png) 0 center no-repeat; 
	background-size: 20px;
	padding-left:25px;
	margin-left: 20px;
	display: inline-block;
}
.skehead-headernav.skehead-headernav-shrink .cont-inf-em{
	background: url(https://sonance.ru/site-content/uploads/2022/05/free-icon-mail-646094.png) 0 center no-repeat;
	background-size: 20px;
	padding-left:25px;
	margin-left: 20px;
	display: inline-block;
}
.slick-prev:before,
.slick-next:before
{
    color: #999;
}
.hgroup-right form{
	border: 1px solid #7c7b7d;
}
.hgroup-right input[type="text"], input[type="password"] {
    height: 44px !important;
    width: 191px !important;
	  border: none !important;
		font-size: 16px;
    font-weight: 700;
	color: #333;
	    font-family: 'Montserrat', sans-serif !important;
	    padding-left: 20px;
webkit-transition: width ease-out 0.4s !important;
    -ms-transition: width ease-out 0.4s !important;
    -moz-transition: width ease-out 0.4s !important;
    -o-transition: width ease-out 0.4s !important;
    transition: width ease-out 0.4s !important;
}
.hgroup-right {
    top: 10px;
    width: auto;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    float: right;
    display: block;
    right: 15px;
    position: absolute;
}
.searchright input{
padding-top: 5px;
}
section.row-normal {
    padding: 70px 0;
}
section.row-normal.nobottom {
    padding-bottom: 0;
}
div.bottom-pad{
	margin-bottom: 100px;
}
.su-table #td-img{
width: 25%;
}
.su-table #small-td-img{
width: 16%;
min-width: 140px;
}
.su-table #medium-td-img{
width: 21%;
}
.su-table #big-td-img{
width: 42%;
}
.su-table #m-big-td-img {
width: auto;
}
.su-table #tdimg {
    width: auto;
}
.skepost .su-table table {
    border: none !important;
}
.su-table #td-img img{
margin: 0 auto !important;
}
.su-table img{
 /*width: auto;*/
	margin: 0 auto !important;
}
.h3-toggle{
	height: 56px;
}
/*html body div#wprmenu_bar {
    width: 6%;
}*/
div#mg-wprm-wrap ul li span.wprmenu_icon {
    right: 0px;
}
div#mg-wprm-wrap ul#wprmenu_menu_ul>li>span.wprmenu_icon:before {
    right: 16px;
}
#mg-wprm-wrap li.menu-item ul.sub-menu li.menu-item span {
    right: -10px;
}
.b-dealer h3{
	font-size: 1.7em;
	text-align: center;
}
.b-dealer{
	margin-top: 30px;
}
div#mg-wprm-wrap ul li span.wprmenu_icon:before {
    right: 30px;
}
#skenav ul ul ul a {
    padding: 7px 20px !important;
}
#menu-item-91 .sub-menu .dropdown-submenu a, #menu-item-1392 .sub-menu .dropdown-submenu a, #menu-item-1484 .sub-menu .dropdown-submenu a,  #menu-item-1504 .sub-menu .dropdown-submenu a, #menu-item-6580 .sub-menu .dropdown-submenu a{
padding: 7px 7px !important;
text-align: left;
}
.skehead-headernav.skehead-headernav-shrink #logo {
    min-height: 0px;
}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
@media screen and (max-device-width: 1300px) and (min-device-width: 310px){
	#logo {
    max-height: 70px;
}
.cont-inf {
   position: relative;
    top: 0;
    right: 0;
	margin: 0px auto 10px;
	width: 153.5px;
	text-align: left
}
	.skehead-headernav.skehead-headernav-shrink .cont-inf {
   position: relative;
    top: 0;
    right: 0;
	margin: 0px auto 10px;
	width: 183.5px;
	text-align: left
}
	.skehead-headernav.skehead-headernav-shrink .cont-inf-te{
	display: block;
}
.skehead-headernav.skehead-headernav-shrink .cont-inf-wa{
	display: block;
	margin-left: 0;
}
	.skehead-headernav.skehead-headernav-shrink .cont-inf-mx{
	display: block;
	margin-left: 0;
}
.skehead-headernav.skehead-headernav-shrink .cont-inf-tg{
	display: block;
	margin-left: 0;
}
.skehead-headernav.skehead-headernav-shrink .cont-inf-em{
	display: block;
	margin-left: 0;
}

}
@media only screen and (max-width: 1024px) and (min-width: 320px){
.showroom_button_n, .diller_button, .be_diller_button{
display: none;
}
		.skehead-headernav.skehead-headernav-shrink .cont-inf {
	margin: 45px auto 10px;
}
.mobileurl{
display: block;
background: #32a9ea;
}
.su-table #td-img{
width: auto;
}
.su-table #small-td-img{
width: auto;
}
.su-table #medium-td-img{
width: auto;
}
.su-table #big-td-img{
width: auto;
}	
#content tr td {
text-align: center;
}
#top-search{
display: none;
}
.social-links{
margin-top: 5px;
}
}
@media screen and (max-device-width: 1199px) and (min-device-width: 320px){

/*Главная страница++*/
.boxes{
	display: block;
	width: 100%;
	margin: 20px 0;
}
.boxes:first-child{
	margin: 0;
}
.boxes:last-child{
	margin: 0;
}
/*Главная страница--*/
.graybg{
background: none;
width: auto;
	height: auto;
}
.lgraybg{
background: none;
width: auto;
	height: auto;
}
.imgbg{
background: none;
width: auto;
	height: auto;
}
.woodbg{
background: none;
width: auto;
	height: auto;
}
.wood-text {
 padding: 10px 0 10px 0;
}
	.center-text {
    padding: 10px 0 10px 0;
}
.ske_tab_h ul.ske_tabs li {
width: 33%;
font-size: 12px;
}
	.ske_tab_h ul.ske_tabs li a {
    padding: 18px 15px!important;
		line-height: 1.5;
		height: 72px;
}
}
@media screen and (max-device-width: 600px) and (min-device-width: 310px){
	#logo {
/*height: 170px;
    max-height: 120px;
    margin-top: 52px;*/
}
	.hgroup-right {
    float: left;
		margin-bottom: 20px;
		width: 55%;
}
	.skehead-headernav .logo {
    width: 170px;
    height: 30px;
}
	#logo {
    max-height: 40px;
}
	#logo a{
	width: 170px;
	}
	.cont-inf {
	font-size: 13px;
	width: 129.5px;
	}
.skehead-headernav.skehead-headernav-shrink .cont-inf {
	width: 129.5px;
}
}
@media screen and (max-device-width: 1200px) and (min-device-width: 310px){
#main {
  flex: 1 0 auto;
}
#colophon {
  flex: 0 0 auto;
}
}
@media screen and (max-device-width: 767px) and (min-device-width: 310px){
#logo {
width:100%;
}
.social-links{
float: none;
text-align: center;
}
.social-links ul{
margin-bottom: 0;
}
}
@media screen and (max-device-width: 750px){
.slider_instance {
    display: none;
}
}
@media screen and (max-device-width: 749px){
.dillers .section {
    width: 200px !important;
}
	.dillers{
		width: 200px;
		margin: 0 auto;
	}
	.section.section {
    margin-left: 0;
}
}
@media screen and (max-device-width: 499px) and (min-device-width: 310px){
.lightbox-video {
    padding: 15px 5px;
	}
.su-row .su-column.su-column-size-1-1 .cat-product{
	width: auto;
}
.su-row .su-column.su-column-size-1-2 .cat-product{
	width: auto;
}
.bread-title-holder {
    height: auto;
}
.bread-title-holder h1.title {
    padding-bottom: 10px;
}
}
@media screen and (max-device-width: 650px) and (min-device-width: 310px){
#width-img img {
    height: 404px;
	/*width: auto;*/
}
}
@media screen and (max-device-width: 749px) and (min-device-width: 310px){
.forma-obuchenie{
width: 100%;
}
}
@media screen and (max-device-width: 1850px) and (min-device-width: 310px){
.cont-inf {
   position: relative;
    top: 0;
    right: 0;
	margin: 0px auto 10px;
	width: 153.5px;
	text-align: left
}
}
/* iframe*/

@media only screen and (min-width: 500px) and (max-width: 768px) {
.front-video-bg iframe {
    height: 336px;
}
}
@media only screen and (min-width: 800px) and (max-width: 1024px){
.front-video-bg iframe {
    height: 444px;
}
}
@media only screen and (min-width: 1100px) and (max-width: 1440px){
.front-video-bg iframe {
    height: 621px;
}
}
.su-table table td,
.su-table table th {
    text-align: center !important;  /* Горизонтальное центрирование */
    vertical-align: middle !important;  /* Вертикальное центрирование */
    padding: 8px !important;  /* Улучшенные отступы */
}
/*Мобильная версия созданных Клавдией страниц*/
/*++*/
@media (max-width: 1024px){
.hero-left h1 {
    font-size: 59px;
 
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
.hero-left h1 {
    font-size: 40px;
 
}
}
@media only screen and (min-width: 320px) and (max-width: 767px){
.hero-left h1 {
    font-size: 40px;
	line-height: 40px;
 
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
.product-grid-subtitle {
    font-size: 30px;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px){
.product-grid-section {
    padding: 10px;
}
.product-grid-subtitle {
    font-size: 26px;
}
	.pg-right-100 {
    padding-right: 0!important;
}
	.pg-left-100 {
    padding-left: 0!important;
}
}
/*--*/
/* ===== ДЕСКТОП-МЕНЮ */
@media (min-width:1024px) {
  /* Контейнер главного меню */
  #skenav > ul,
  #skenav > div > ul,
  #skenav ul.sf-menu {
    display: flex !important;
    align-items: center;
    justify-content: flex-end !important; /* вправо */
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* Ровный интервал */
  #skenav > ul > li,
  #skenav ul.sf-menu > li {
    margin: 0 !important;
  }
  #skenav > ul > li + li,
  #skenav ul.sf-menu > li + li {
    margin-left: 8px !important; /* расстояние между вкладками */
  }

  /* Вкладки верхнего уровня (без переноса) */
  #skenav > ul > li:not(.image_bg_li_vssl):not(.image_bg_li_iport):not(.image_bg_li_james) > a,
  #skenav ul.sf-menu > li:not(.image_bg_li_vssl):not(.image_bg_li_iport):not(.image_bg_li_james) > a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 140px !important;
    padding: 14px 22px !important;    /* вкладки шире */
    border-radius: 6px !important;    /* скруглённые углы */
    box-sizing: border-box;

    font-weight: 700 !important;   /* жирный */
    font-size: 16px !important;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #333 !important;

    white-space: nowrap !important; /* ← запрет переноса */
    text-align: center;
  }


  /* Подменю (с переносом текста) */
  #skenav .sf-menu ul {
    min-width: 260px;
    max-width: 420px;
    width: max-content;
  }
  #skenav .sf-menu ul li > a {
    white-space: normal !important;  /* ← перенос разрешён */
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.3;
    padding: 12px 18px !important;
  }

/* мягкая подсветка вкладок при наведении - продолжение */
/* KILL-ФОН у самого LI (иначе просвечивает) */
#skenav#skenav ul.sf-menu > li:hover,
#skenav#skenav ul.sf-menu > li.sfHover,
#skenav#skenav > ul > li:hover,
#skenav#skenav > ul > li.sfHover {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

  /*ВКЛАДКИ IPORT УВОДИМ ВЛЕВО	*/
#skenav #menu-main #menu-item-25499 ul .sf-with-ul:after {
border-right-color: rgba(255,255,255,.5);
border-left: none;
right: 12em;
}
#skenav #menu-main #menu-item-25499 ul ul .sf-with-ul:after {
border-right-color: rgba(255,255,255,.5);
border-left: none;
right: 18em;
}
#skenav #menu-main #menu-item-25499 ul ul ul .sf-with-ul:after {
right: 12em;
}
#skenav #menu-main #menu-item-25499 .sfHover > .sf-with-ul:after {
    border-right-color: white;
}
#skenav #menu-main #menu-item-25499 ul ul a {
    padding: 7px 20px !important;
}
	
@media (min-width:1024px) { 
	/* только внутри пункта submenu-left */ 
	#skenav li.submenu-left .sf-menu ul li { position: relative; } 
	#skenav li.submenu-left .sf-menu ul ul, 
	#skenav li.submenu-left ul ul { 
		left: auto !important; right: 100% !important; top: 0 !important; } 
	}
	
/* ============================
   ЛОГОТИПЫ — VSSL / IPORT / JAMES
   ============================ */

/* Общие параметры логотипов */
#skenav .image_bg_li_vssl .sf-with-ul,
#skenav .image_bg_li_iport .sf-with-ul,
#skenav .image_bg_li_james a {
    /*width: 110px;*/
    /*height: 50px;*/
    display: block;
    position: relative;
    z-index: 1;
    pointer-events: auto;
    opacity: 1 !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    color: transparent !important;
}
/*#skenav #menu-main #menu-item-26989 ul ul.sub-menu, #skenav #menu-main #menu-item-26989 ul ul.children {
    left: -151%;
}*/
/* ---------- VSSL ---------- */
#skenav .image_bg_li_vssl {
    padding: 0;
}
#skenav .image_bg_li_vssl .sf-with-ul {
    background-image: url('/site-content/uploads/2026/03/Снимок-экрана-2026-03-02-в-15.49.38.png');
}

/* ---------- IPORT ---------- */
#skenav .image_bg_li_iport {
    padding: 0 0 0 8px;
}

/* основное состояние */
#skenav .image_bg_li_iport .sf-with-ul {
    background-image: url('/site-content/uploads/2026/03/Снимок-экрана-2026-03-02-в-15.51.38.png'); /* логотип iPort */
}

/* hover-состояние */
#skenav .image_bg_li_iport .sf-with-ul:hover {
    opacity: 1 !important;
}

/* ---------- JAMES ---------- */
#skenav .image_bg_li_james {
    padding: 0 8px;
}
#skenav .image_bg_li_james a {
    background-image: url('/site-content/uploads/2026/03/Снимок-экрана-2026-03-02-в-15.43.59.png');
}
#skenav .image_bg_li_james a:hover {
    opacity: 1 !important;
}

/* ---------- Общие стили подменю ---------- */
#skenav ul .image_bg_li_iport ul .sf-with-ul,
#skenav ul .image_bg_li_vssl ul .sf-with-ul,
#skenav ul .image_bg_li_james ul .sf-with-ul {
    background: none;
    color: #fff !important;
}

#skenav ul .image_bg_li_iport ul .sf-with-ul:hover,
#skenav ul .image_bg_li_vssl ul .sf-with-ul:hover,
#skenav ul .image_bg_li_james ul .sf-with-ul:hover {
    background-color: #00a1e0 !important;
    color: #fff !important;
}

/* ============================
   Конец блока логотипов
   ============================ */



/* 1) Мягкий голубой фон — только для обычных пунктов (без фоновых картинок) */
#skenav ul.sf-menu > li:not(.image_bg_li_vssl):not(.image_bg_li_iport):not(.image_bg_li_james):hover > a,
#skenav > ul > li:not(.image_bg_li_vssl):not(.image_bg_li_iport):not(.image_bg_li_james) > a:hover {
  background-color: rgba(0,161,224,.25) !important;
  color: #111 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  transition: background .2s ease-in-out;
}

/* 2) На логотип-вкладках — текст скрыт во всех состояниях, фон не красим */
#skenav li.image_bg_li_vssl > a,
#skenav li.image_bg_li_iport > a,
#skenav li.image_bg_li_james > a,
#skenav li.image_bg_li_vssl:hover > a,
#skenav li.image_bg_li_iport:hover > a,
#skenav li.image_bg_li_james:hover > a {
  color: transparent !important;     
  text-shadow: none !important;
  background-color: transparent !important;

  font-size: 0 !important; 
}



/*ОТСТУП МЕЖДУ БЛОКАМИ НА СТРАНИЦЕ КАБЕЛЕЙ*/
.product-grid-section {
	margin-bottom: 60px;
}
	
/* СТАТЬ ДИЛЕРОМ */
 .dealer-section {
    background: #f9f9f9;
    padding: 60px 20px;
  }
  .dealer-container {
    max-width: 700px;
    margin: 0 auto;
    background: #fff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    font-family: Arial, sans-serif;
  }
  .dealer-container h2 {
    text-align: center;
    color: #47a3ff;
    margin-bottom: 20px;
    font-size: 28px;
  }
  .dealer-container p {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.6;
    color: #333;
  }
  .dealer-link {
    color: #45A8E6;
    font-weight: bold;
    text-decoration: none;
  }
  .dealer-link:hover {
    text-decoration: underline;
  }
  .dealer-note {
    background: #f1f9ff;
    border-left: 4px solid #47a3ff;
    padding: 20px;
    margin: 20px 0;
    font-size: 16px;
    color: #333;
  }
  .dealer-note p {
    margin-bottom: 10px;
  }

  /* ✅ Кнопки */
  .dealer-buttons {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }
  .dealer-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 64px;
    margin-bottom: 15px;

    background: #45A8E6;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 50px;
    font-size: 20px;
    line-height: 1;

    transition: background 0.3s, transform 0.2s;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  }
  .dealer-btn:last-child {
    margin-bottom: 0;
  }
  .dealer-btn:hover {
    background: #2f8de3;
    transform: translateY(-2px);
  }

  /* 📱 Мобильная адаптация */
  @media (max-width: 768px) {
    .dealer-section {
      padding: 20px;
      background: #fff;
    }
    .dealer-container {
      max-width: 100%;
      margin: 0;
      padding: 15px;   /* 🔹 оставляем паддинги, чтобы кнопки не прилипали к краям */
      background: #fff; /* 🔹 возвращаем белый фон */
      box-shadow: none;
      border-radius: 0;
    }
    .dealer-container h2 {
      font-size: 22px;
      text-align: left;
      margin-bottom: 15px;
    }
    .dealer-container p {
      font-size: 16px;
    }
    .dealer-note {
      font-size: 14px;
      padding: 15px;
      background: #f9f9f9;
      border-left: 4px solid #47a3ff;
      margin: 20px 0;
    }
    .dealer-buttons {
      margin-top: 20px; /* 🔹 добавляем отступ, чтобы кнопки не прилипали */
    }
    .dealer-btn {
      height: 56px;
      font-size: 18px;
      background: #45A8E6;
      display: block; /* 🔹 кнопки гарантированно остаются блочными */
    }
  }
	
	
/* ТАБЛИЦА КАБЕЛИ УНИВЕРСАЛЬНАЯ */
 
  :root {
    --text:#222; --muted:#666; --line:#e5e7eb; --bg:#fff;
    --cell-py:12px; --cell-px:12px; --radius:12px; --card-gap:12px;
  }

  /* Контейнер секции и центрирование заголовка */
  #cable-table-block {
    font-family: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text);
    padding: 24px 16px;
  }
  #cable-table-block .cable-title {
    margin: 0 0 16px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
    text-align: center; /* центрируем заголовок */
  }

  /* Обёртка центрирует таблицу */
  #cable-table-block .cable-table-wrap {
    width: 100%;
    text-align: center; /* для inline-table */
  }

  /* Таблица: ширина по содержимому, центрирование, без переполнения */
  #cable-table-block .cable-table {
    display: inline-table;          /* позволяет центрировать как инлайновый блок */
    width: auto !important;         /* НЕ растягиваем на 100%, ширина = сумма колонок */
    max-width: 100%;                /* но не шире контейнера */
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;            /* используем твои заданные ширины */
    background: var(--bg);
    margin: 0 auto;                 /* дублируем центрирование */
  }

  /* Привязка ширин к CSS-переменным (добавь при необходимости col-12, col-13 и т.д.) */
  #cable-table-block .cable-table col:nth-child(1)  { width: var(--col-1,  auto); }
  #cable-table-block .cable-table col:nth-child(2)  { width: var(--col-2,  auto); }
  #cable-table-block .cable-table col:nth-child(3)  { width: var(--col-3,  auto); }
  #cable-table-block .cable-table col:nth-child(4)  { width: var(--col-4,  auto); }
  #cable-table-block .cable-table col:nth-child(5)  { width: var(--col-5,  auto); }
  #cable-table-block .cable-table col:nth-child(6)  { width: var(--col-6,  auto); }
  #cable-table-block .cable-table col:nth-child(7)  { width: var(--col-7,  auto); }
  #cable-table-block .cable-table col:nth-child(8)  { width: var(--col-8,  auto); }
  #cable-table-block .cable-table col:nth-child(9)  { width: var(--col-9,  auto); }
  #cable-table-block .cable-table col:nth-child(10) { width: var(--col-10, auto); }
  #cable-table-block .cable-table col:nth-child(11) { width: var(--col-11, auto); }

  /* Ячейки и заголовки */
  #cable-table-block .cable-table thead th {
    text-align: left;
    font-weight: 600;
    padding: var(--cell-py) var(--cell-px);
    border-bottom: 1px solid var(--line);
    vertical-align: top;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  #cable-table-block .cable-table td {
    padding: var(--cell-py) var(--cell-px);
    border-bottom: 1px solid var(--line);
    vertical-align: top;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  /* Первая колонка с картинкой */
  #cable-table-block .cell-title { font-weight: 600; margin-bottom: 8px; }
  #cable-table-block .cell-img   { display: block; max-width: 100%; height: auto; margin-top: 8px; }

  /* Строки-разделители (полноширинные) */
  #cable-table-block .section-row td {
    padding: 14px var(--cell-px);
    background: #fafafa;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    font-weight: 700;
  }
  #cable-table-block .section-row + tr td { border-top: none; }
  #cable-table-block .section-note { color: var(--muted); font-weight: 400; margin-left: 12px; font-size: .95em; }

  /* Мобильный режим: карточки */
  @media (max-width: 768px) {
    #cable-table-block .cable-title { font-size: 20px; margin-bottom: 12px; }
    #cable-table-block .cable-table { display: block; width: 100% !important; max-width: 100%; }
    #cable-table-block .cable-table thead { display: none; }

    #cable-table-block .cable-table,
    #cable-table-block .cable-table tbody,
    #cable-table-block .cable-table tr,
    #cable-table-block .cable-table td { display: block; width: 100%; }

    #cable-table-block .data-row {
      background: var(--bg);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 8px 0;
      margin-bottom: var(--card-gap);
    }
    #cable-table-block .data-row td { border: none; padding: 10px 14px; }
    #cable-table-block .data-row td::before {
      content: attr(data-label);
      display: block;
      font-size: 12px;
      line-height: 1.2;
      color: var(--muted);
      margin-bottom: 4px;
    }

    #cable-table-block .section-row { display: block; border: none; background: transparent; padding: 0; margin: 18px 0 10px; }
    #cable-table-block .section-row td { display: block; border: none; background: transparent; padding: 0; font-size: 14px; line-height: 1.4; font-weight: 700; }
    #cable-table-block .section-note { display: block; margin: 4px 0 0; }
  }
	
/* плавная прокрутка к строкам */
html { scroll-behavior: smooth; }

/* если есть фиксированная шапка/меню — сдвиг при прокрутке к якорю */
#cable-table-block .cable-table tr[id] { scroll-margin-top: 80px; }

/* подсветка строки по якорю (#row-...) */
#cable-table-block .cable-table tr:target td {
  background: #c0d6f0;               /* мяглый жёлтый фон */
  border-color: #62a2f0;             /* чуть теплее границы */
  transition: background 600ms ease;
  animation: target-fade 4s ease 0.2s forwards;
}

/* мобильные карточки (у тебя tr.data-row становится блоком) */
@media (max-width: 768px) {
  #cable-table-block .cable-table tr.data-row:target {
    border-color: #62a2f0;           /* янтарный бордер */
    box-shadow: 0 0 0 3px rgba(245,158,11,0.25);
    animation: target-glow 4s ease 0.2s forwards;
  }
}

/* эффект плавного “затухания” подсветки */
@keyframes target-fade {
  0%   { background: #c0d6f0; }
  100% { background: transparent; }
}
@keyframes target-glow {
  0%   { box-shadow: 0 0 0 3px rgba(245,158,11,0.45); }
  100% { box-shadow: 0 0 0 0 rgba(245,158,11,0); }
}

/* для пользователей с reduced motion — без анимаций */
@media (prefers-reduced-motion: reduce) {
  #cable-table-block .cable-table tr:target td { animation: none; }
  #cable-table-block .cable-table tr.data-row:target { animation: none; }
}

	
/* ===== HERO VIDEO (адаптивная версия) ===== */
.luxe-hero-video {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 80px;
  background: #000; /* запасной фон, если видео не загрузилось */
}

/* Само видео */
.luxe-hero-video video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  max-height: 90vh;
}

/* --- Планшеты --- */
@media (max-width: 1024px) {
  .luxe-hero-video {
    margin-bottom: 60px;
  }

  .luxe-hero-video video {
    max-height: 75vh;
  }
}

/* --- Мобильные (до 600px) --- */
@media (max-width: 600px) {
  .luxe-hero-video {
    margin-bottom: 40px;
    height: auto;
  }

  .luxe-hero-video video {
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: 16 / 9; /* фиксируем пропорции, чтобы не сплющивалось */
  }
}

/* --- Очень маленькие экраны (до 400px) --- */
@media (max-width: 400px) {
  .luxe-hero-video video {
    aspect-ratio: 4 / 3;
  }
}

/* расстояние между разделами на страницах КОРОБА САБВУФЕРЫ.. */
.product-grid {
  margin-top: 50px;   /* увеличь по вкусу */
  margin-bottom: 40px;
}

/* 	для колонок товаров - 4 в ряд */
.grid-template-4-columns {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  justify-items:start;
}
	
/* 	(для описания на общих страницах) */
.responsive-text {
  padding-left: 250px;
  padding-right: 250px;
}

/* Мобильные экраны */
@media (max-width: 600px) {
  .responsive-text {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Планшеты */
@media (max-width: 900px) {
  .responsive-text {
    padding-left: 60px;
    padding-right: 60px;
  }
}
	
	.space-bps {
		padding-top: 20px;
	}
	
	
  /* 3-column layout */
	
	.sn-kit-section{
  width: 100%;
  padding: 120px 0; /* вертикальные отступы секции */
  background: #ffffff;
}

.sn-kit-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 64px;
  
  max-width: 1400px;
  margin: 30px auto;
  padding: 0 120px;

  box-sizing: border-box;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
	
	.sn-kit-section__title{
  text-align: center;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 500;
  margin: 0 0 64px;
  color: #0b0b0b;
}
	


/* карточка */
.sn-kit{
  min-width: 0;
}

/* картинка */
.sn-kit__img{
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #f2f2f2;
  margin-bottom: 24px;
}

.sn-kit__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* заголовок */
.sn-kit__title{
  font-size: 22px;
  line-height: 1.25;
  font-weight: 500;
  margin: 0 0 16px;
  color: #0b0b0b;
}

/* список */
.sn-kit__list{
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #0b0b0b;
}

.sn-kit__list li{
  margin-bottom: 6px;
}
	
	@media (max-width: 768px){

  .sn-kit-section{
    padding: 64px 0;
  }

  .sn-kit-section__title{
    font-size: 26px;
    margin-bottom: 40px;
    padding: 0 20px;
  }

  .sn-kit-grid{
    grid-template-columns: 1fr;
    gap: 40px;

    padding: 0 20px;
    margin: 0 auto;
  }

  .sn-kit__img{
    margin-bottom: 16px;
  }

  .sn-kit__list{
    font-size: 16px;
    line-height: 1.55;
  }

  .sn-kit__list li{
    margin-bottom: 4px;
  }
}

	
/* ===== Section ===== */
.surface-section {
  width: 100%;
  padding: 120px 0;
  background: #ffffff;
}

/* ===== Grid ===== */
.surface-grid {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 120px;

  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 80px;

  box-sizing: border-box;
}

/* ===== Left column ===== */
.surface-left {
  align-self: start;
}

.surface-title {
  margin: 0;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 500;
  color: #0b0b0b;
  text-align: left; /* важно */
}

/* ===== Right column ===== */
.surface-card {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 40px;

  padding: 40px;
  background: #f6f6f6;
  border-radius: 24px;

  box-sizing: border-box;
}

.surface-card__img img {
  width: 100%;
  height: auto;
  display: block;
}

/* ===== List ===== */
.surface-card__list {
  margin: 0;
  padding: 0;
  list-style: none;

  font-size: 16px;
  line-height: 1.6;
  color: #222;
}

.surface-card__list li {
  margin-bottom: 8px;
}

.surface-card__list li strong {
  font-weight: 600;
}

/* ===== Tablet (