/**
 * Vehicle specifications block.
 *
 * Scope:
 * - .atb-vehicle-specs
 */

.atb-vehicle-specs {
	padding-top: 24px;
	padding-bottom: 48px;
	background: #ffffff;
}

.atb-vehicle-specs__container {
	width: min(calc(100% - 40px), 1320px);
	max-width: 1320px;
	margin-right: auto;
	margin-left: auto;
}

.atb-vehicle-specs__panel {
	overflow: hidden;
	border: 1px solid rgba(7, 17, 31, .14);
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 14px 34px rgba(7, 17, 31, .05);
}

.atb-vehicle-specs__title {
	margin: 0;
	padding: 18px 22px 12px;
	color: #07111f;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: -0.025em;
	line-height: 1.2;
}

.atb-vehicle-specs__list {
	display: grid;
	grid-template-columns: repeat(9, minmax(0, 1fr));
}

.atb-vehicle-specs__item {
	display: grid;
	min-height: 88px;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	padding: 16px 18px;
	border-top: 1px solid rgba(7, 17, 31, .08);
	border-right: 1px solid rgba(7, 17, 31, .12);
}

.atb-vehicle-specs__item:last-child {
	border-right: 0;
}

.atb-vehicle-specs__icon {
	display: inline-flex;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	color: #07111f;
}

.atb-vehicle-specs__icon::before {
	display: block;
	width: 27px;
	height: 27px;
	background-color: currentColor;
	content: "";
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

/* Vehicle specs premium icon system */
.atb-vehicle-specs__icon--passengers::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7.5' r='2.7'/%3E%3Cpath d='M4.6 19.2c.6-3.5 2.3-5.2 4.4-5.2s3.8 1.7 4.4 5.2'/%3E%3Ccircle cx='16.2' cy='8.4' r='2.2'/%3E%3Cpath d='M13.7 14.4c2.4.2 4.1 1.8 4.7 4.8'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7.5' r='2.7'/%3E%3Cpath d='M4.6 19.2c.6-3.5 2.3-5.2 4.4-5.2s3.8 1.7 4.4 5.2'/%3E%3Ccircle cx='16.2' cy='8.4' r='2.2'/%3E%3Cpath d='M13.7 14.4c2.4.2 4.1 1.8 4.7 4.8'/%3E%3C/g%3E%3C/svg%3E");
}

.atb-vehicle-specs__icon--luggage::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.8' y='7.2' width='12.4' height='12.3' rx='2.1'/%3E%3Cpath d='M9.2 7.2V5.8c0-1 .8-1.8 1.8-1.8h2c1 0 1.8.8 1.8 1.8v1.4M9 10.8h6M8.5 16.9h.01M15.5 16.9h.01'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.8' y='7.2' width='12.4' height='12.3' rx='2.1'/%3E%3Cpath d='M9.2 7.2V5.8c0-1 .8-1.8 1.8-1.8h2c1 0 1.8.8 1.8 1.8v1.4M9 10.8h6M8.5 16.9h.01M15.5 16.9h.01'/%3E%3C/g%3E%3C/svg%3E");
}

.atb-vehicle-specs__icon--doors::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 20h10.5M8.5 20V6.2L16.8 4v16M14.2 12.2h.01'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 20h10.5M8.5 20V6.2L16.8 4v16M14.2 12.2h.01'/%3E%3C/g%3E%3C/svg%3E");
}

.atb-vehicle-specs__icon--climate::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5v17M5.1 7.2l13.8 9.6M18.9 7.2 5.1 16.8M4.2 12h15.6'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5v17M5.1 7.2l13.8 9.6M18.9 7.2 5.1 16.8M4.2 12h15.6'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3C/g%3E%3C/svg%3E");
}

.atb-vehicle-specs__icon--wifi::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M4.5 9.2a11.2 11.2 0 0 1 15 0M7.7 12.4a6.8 6.8 0 0 1 8.6 0M10.6 15.4a2.4 2.4 0 0 1 2.8 0'/%3E%3Ccircle cx='12' cy='18.2' r='1.1' fill='black' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M4.5 9.2a11.2 11.2 0 0 1 15 0M7.7 12.4a6.8 6.8 0 0 1 8.6 0M10.6 15.4a2.4 2.4 0 0 1 2.8 0'/%3E%3Ccircle cx='12' cy='18.2' r='1.1' fill='black' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
}

.atb-vehicle-specs__icon--usb::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5v10.8M8.6 7l3.4-3.5L15.4 7M12 14.3c-2.7 0-4.4 1.5-4.4 3.4 0 1.7 1.4 3.1 3.1 3.1h2.6c1.7 0 3.1-1.4 3.1-3.1 0-1.9-1.7-3.4-4.4-3.4Z'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5v10.8M8.6 7l3.4-3.5L15.4 7M12 14.3c-2.7 0-4.4 1.5-4.4 3.4 0 1.7 1.4 3.1 3.1 3.1h2.6c1.7 0 3.1-1.4 3.1-3.1 0-1.9-1.7-3.4-4.4-3.4Z'/%3E%3C/g%3E%3C/svg%3E");
}

.atb-vehicle-specs__icon--child-seat::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='6.4' r='2.3'/%3E%3Cpath d='M8.1 13.4c.6-2.2 2-3.3 3.9-3.3s3.3 1.1 3.9 3.3M7.4 13.4h9.2l-1.2 6.1H8.6l-1.2-6.1ZM6.2 19.5h11.6'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='6.4' r='2.3'/%3E%3Cpath d='M8.1 13.4c.6-2.2 2-3.3 3.9-3.3s3.3 1.1 3.9 3.3M7.4 13.4h9.2l-1.2 6.1H8.6l-1.2-6.1ZM6.2 19.5h11.6'/%3E%3C/g%3E%3C/svg%3E");
}

.atb-vehicle-specs__icon--meet-greet::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6.5h14v8.8H5zM8.2 18.8h7.6M12 15.3v3.5'/%3E%3Cpath d='M8.5 10.9h7M8.5 8.9h7'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6.5h14v8.8H5zM8.2 18.8h7.6M12 15.3v3.5'/%3E%3Cpath d='M8.5 10.9h7M8.5 8.9h7'/%3E%3C/g%3E%3C/svg%3E");
}

.atb-vehicle-specs__icon--fixed-price::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4.8' width='12' height='15' rx='1.8'/%3E%3Cpath d='M9 9h6M9 12.5h6M9 16h3.4M15.6 16l1.4 1.4 2.4-2.7'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4.8' width='12' height='15' rx='1.8'/%3E%3Cpath d='M9 9h6M9 12.5h6M9 16h3.4M15.6 16l1.4 1.4 2.4-2.7'/%3E%3C/g%3E%3C/svg%3E");
}

.atb-vehicle-specs__body {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.atb-vehicle-specs__label {
	overflow: hidden;
	color: #07111f;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: -0.01em;
	line-height: 1.15;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.atb-vehicle-specs__value {
	overflow: hidden;
	color: #435168;
	font-size: 11px;
	font-weight: 650;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 1180px) {
	.atb-vehicle-specs__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.atb-vehicle-specs__item:nth-child(3n) {
		border-right: 0;
	}

	.atb-vehicle-specs__item:nth-child(n+4) {
		border-top: 1px solid rgba(7, 17, 31, .12);
	}
}

@media (max-width: 768px) {
	.atb-vehicle-specs {
		padding-top: 14px;
		padding-bottom: 34px;
	}

	.atb-vehicle-specs__container {
		width: min(calc(100% - 32px), 100%);
	}

	.atb-vehicle-specs__title {
		padding: 14px 16px 10px;
	}

	.atb-vehicle-specs__list {
		grid-template-columns: 1fr;
	}

	.atb-vehicle-specs__item,
	.atb-vehicle-specs__item:nth-child(3n) {
		border-right: 0;
	}

	.atb-vehicle-specs__item:nth-child(n+2) {
		border-top: 1px solid rgba(7, 17, 31, .12);
	}

	.atb-vehicle-specs__item {
		min-height: 76px;
		padding: 14px 16px;
	}

	.atb-vehicle-specs__label,
	.atb-vehicle-specs__value {
		white-space: normal;
	}
}
