body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f8f9fa;
            color: #333;
        }
        .container {
            margin: 20px auto;
            padding: 20px;
            background-color: #ffffff;
            border: 1px solid #ddd;
            border-radius: 5px;
        }
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 20px;
            border-bottom: 2px solid #ddd;
        }
        .header img {
            max-width: 300px;
        }
        .header .buttons a {
            text-decoration: none;
            padding: 10px 15px;
            background-color: #e87420;
            color: white;
            border-radius: 5px;
            margin-left: 10px;
            display: inline-block;
        }
        .header .buttons a:hover {
            background-color: #0056b3;
        }
        .product-title {
            font-size: 1.2em;
            margin: 20px 0;
            text-align: center;
        }
		.main-content {
            display: flex;
            gap: 20px;
            align-items: flex-start;
        }
        .description-container {
            flex: 1;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            background-color: #f8f9fa;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }
        .description-container h2 {
            font-size: 1.5em;
            margin-bottom: 10px;
            text-align: center;
        }
        .description-container table {
            width: 100%;
            border-collapse: collapse;
            margin: 10px 0;
        }
        .description-container th,
        .description-container td {
            border: 1px solid #ddd;
            padding: 10px;
            text-align: left;
        }
        .slider {
            flex: 1;
            position: relative;
			max-width: 50%;
        }
        .slider input[type="radio"] {
            display: none;
        }
        .slider .main-image {
    width: 100%;
    aspect-ratio: 16/9; /* Соотношение сторон, можно настроить под ваш случай */
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f8f9fa;
}

.slider .main-image img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Полностью вписывает изображение */
    object-position: center;
}
        .thumbnails {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 10px;
        }
        .thumbnails label {
            width: 80px;
            height: 80px;
            cursor: pointer;
            border: 2px solid transparent;
            border-radius: 5px;
            overflow: hidden;
        }
        .thumbnails label img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .thumbnails label:hover,
        .thumbnails input:checked + label {
            border-color: #e87420;
        }
        .product-description {
            margin: 20px 0;
        }
        .product-description h2 {
            font-size: 1.5em;
            margin-bottom: 10px;
        }
        .tables-wrapper {
            display: flex;
            justify-content: space-between;
            gap: 10px;
            margin-bottom: 20px;
        }
        .table-container {
            flex: 1;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 15px;
            background-color: #f8f9fa;
        }
        .table-container h3 {
            font-size: 1.4em;
            margin-bottom: 10px;
            text-align: center;
        }
        .table-container table {
            width: 100%;
            border-collapse: collapse;
        }
        .table-container th, .table-container td {
            border: 1px solid #ddd;
            padding: 10px;
            text-align: left;
            word-wrap: break-word;
            word-break: break-word;
        }
        .table-container tbody {
            display: block;
            max-height: 400px;
            overflow-y: auto;
        }
        .table-container thead, .table-container tbody tr {
            display: table;
            width: 100%;
            table-layout: fixed;
        }
        .compatibility {
            margin: 20px 0;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 15px;
        }
        .compatibility h3 {
            font-size: 1.4em;
            margin-bottom: 10px;
        }
        .compatibility table {
            width: 100%;
            border-collapse: collapse;
        }
        .compatibility th, .compatibility td {
            border: 1px solid #ddd;
            padding: 10px;
            text-align: left;
            word-wrap: break-word;
            word-break: break-word;
        }
        .compatibility tbody {
            display: block;
            max-height: 400px;
            overflow-y: auto;
        }
        .compatibility thead, .compatibility tbody tr {
            display: table;
            width: 100%;
            table-layout: fixed;
        }
		.components-container {
            margin: 20px 0;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
        }
        .components-container h2 {
            font-size: 1.5em;
            margin-bottom: 10px;
            text-align: center;
        }
        .custom-table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            text-align: left;
            border: 1px solid #ddd;
        }
        .custom-table td, .custom-table th {
            border: 1px solid #ddd;
            padding: 10px;
        }
        .custom-table td {
            vertical-align: middle;
        }
        .custom-table img {
            max-width: 220px;
            height: auto;
            display: block;
            margin: 0 auto;
        }
        .footer {
            text-align: center;
            font-size: 0.9em;
            color: #666;
            margin-top: 20px;
        }