.newsdetail.service-detail {
    margin-bottom: 40px;
}
.photo-gallery-ba .photo-gallery__main {
	height: 336px; 
}
.service-detail__layout .photo-gallery__thumb {width: 114px;}
.service-detail__layout .photo-gallery-ba {gap: 32px;}

.service-detail__layout {
    display: grid;
    grid-template-columns: 1fr 324px;
    gap: 32px;
    align-items: start;
}

/* Текстовый контент */

.service-detail__text p {
    margin-bottom: 12px;
}

.service-detail__text ul {
    margin: 0 0 16px 20px;
    padding: 0;
}

.service-detail__text ul li {
    margin-bottom: 6px;
   
}

.service-detail__text strong {
    font-weight: 700;
}

/* Боковое меню */
.service-detail__sidebar {
    position: sticky;
    top: 20px;
}

.service-detail__nav {
    display: flex;
    flex-direction: column;

}
.photo-gallery-ba .photo-gallery__thumbs-nav {
	gap: 22px;
}
.service-detail__nav-item {
    padding: 14px 20px;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #E5E7EB;
    transition: background 0.2s ease;
}

.service-detail__nav-item:last-child {
    border-bottom: none;
}

.service-detail__nav-item:hover {
    background: #F9FAFB;
    text-decoration: none;
    color: #333;
}

.service-detail__nav-item.active {
    font-weight: 600;
    color: var(--main, #2D8C3C);
    background: #F0FDF4;
}

/* Адаптив */
@media screen and (max-width: 1124px) {
    .service-detail__layout {
        display: flex;
        flex-direction: column;
		gap: 0;
    } 

    .service-detail__sidebar {
        order: 1;
        position: static;
		width: 100%;
    }
	
	.service-detail__content {
		 order: 2;
        max-width: 100%;

	}

    .service-detail__nav {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .service-detail__nav-item {
        border-bottom: none;
        border-right: 1px solid #E5E7EB;
        padding: 10px 16px;
        font-size: 13px;
    }

    .service-detail__nav-item:last-child {
        border-right: none;
    }
	
	.photo-gallery-ba .photo-gallery__main {height: auto;}
	.photo-gallery-ba .photo-gallery__thumb {height: 75px;}
	.photo-gallery-ba .photo-gallery__thumb img {height: 100%;}
}



.dropdown__input-hidden, .dropdown__button br, .desktop-hidden {display: none;}
@media(max-width: 1124px) {
	.notmain #sidebar {order: 1;}
	.notmain .maincontent {order: 2;}	
	.dropdown-nav {
		position: relative;
		border-radius: 16px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
		background: #fff;
		padding: 8px;
        margin-bottom: 24px;		
	}

	.dropdown__button {
		position: relative;
		display: block;
		width: 100%;
		text-align: left;
		background: #F5F5F5;		
		border-radius: 16px;
		min-height: 46px;
		padding-top: 13px;
		padding-bottom: 13px;
		padding-left: 14px;
		padding-right: 35px;
		border: none;
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		cursor: pointer;
	}
	ul.nav-sidebar.catalog-nav-sidebar.nav {
		border-radius: 0 0 16px 16px;
		box-shadow: none;
		border: none;
		transform: translateY(-9px);
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
	}
	.dropdown__button:focus, .dropdown__button--active {
		outline: none;		
	}
	
	.dropdown__list-item.active {display: none;}
	
	.dropdown__button:before {
		position: absolute;
		content: "";
		left: 0;
		top: 12px;
		bottom: 12px;
		width: 2px;
		display: block;
		background: #017A3F;
	}
	.dropdown__button--active:after {
		transform: rotate(-180deg);
		
	}

	.dropdown__button::after {
		content: "";
		position: absolute;	
		top: 13px;
		right: 15px;
		width: 24px; 
		height: 24px;
		background: url(/upload/menu-arrow.svg) center center no-repeat;
		pointer-events: none;
	}


	.dropdown__list {
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		margin: 0;
		padding: 0;
		list-style-type: none;
		background: #FFFFFF;
		box-shadow: 0px 4px 8px rgba(176, 198, 225, 0.6);
		overflow: hidden;

		border-radius: 6px;
		width: 100%;

		z-index: 1;
	}

	.dropdown__list--visible {
		display: block;
	}

	.dropdown__list-item {
		margin: 0;
		padding: 0;
		cursor: pointer;
	}

	.dropdown__list-item:first-child {
		border-radius: 6px 6px 0 0;
	}

	.dropdown__list-item:hover {
		background: rgba(176, 198, 225, 0.26);
	}
	
}