/* ==========================================================================
   TABLET VERSION (max-width: 1024px)
   ========================================================================== */

@media (max-width: 1024px) {
  /* Container */
  .container {
    max-width: 768px;
    padding-left: 12px;
    padding-right: 12px;
  }

  /* Main */
  .main {
    padding: 0 32px;
  }

  /* Section Title */
  .section-title {
    font-size: 27px;
    margin-bottom: 28px;
  }

  /* Header */
  .header {
    padding: 28px 0;
  }

  .header__logo img {
    height: 50px;
  }

  .header__actions {
    gap: 20px;
  }

  .header__phones {
    gap: 12px;
  }

  /* Footer */
  .footer {
    padding: 56px 0 40px;
  }

  .footer__logo img {
    height: 50px;
  }

  .footer__main {
    margin-bottom: 28px;
    gap: 40px 56px;
  }

  .footer__tagline {
    margin-top: 20px;
    font-size: 14px;
    max-width: 260px;
  }

  .footer__nav {
    gap: 40px;
  }

  .footer-nav__title {
    font-size: 19px;
    margin-bottom: 20px;
  }

  .footer__map {
    margin-top: 40px;
  }

  .footer__bottom {
    gap: 28px;
    padding-top: 28px;
  }

  .footer__copyright {
    font-size: 14px;
  }

  /* Socials */
  .socials {
    gap: 20px;
  }

  .socials__group {
    gap: 6px;
  }

  .socials__label {
    font-size: 11px;
  }

  .socials__links {
    gap: 14px;
  }

  .socials__link {
    width: 36px;
    height: 36px;
  }

  .socials__link svg {
    width: 20px;
    height: 20px;
  }

  .socials__divider {
    height: 36px;
  }

  /* Button */
  .button {
    font-size: 15px;
    padding: 14px 28px;
  }

  .button--large {
    height: 52px;
    font-size: 17px;
  }

  /* Hero */
  .hero {
    margin-top: 28px;
  }

  .hero__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  /* Banner */
  .banner {
    padding: 28px;
  }

  .banner__header {
    margin-bottom: 20px;
  }

  .banner__phone {
    font-size: 13px;
  }

  .banner__title {
    max-width: 350px;
    font-size: 26px;
    margin-bottom: 20px;
  }

  .banner__description {
    margin-bottom: 28px;
    font-size: 15px;
  }

  /* Booking Form */
  .cars__booking {
    margin-bottom: 28px;
  }

  .cars .booking-form__form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .car-detail-booking .booking-form__form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .cars .booking-form__field:nth-child(6) {
    grid-column: 1;
  }

  .cars .booking-form__field:nth-child(15) {
    grid-column: 1 / span 2;
  }

  .cars .booking-form__field:nth-child(16) {
    grid-column: 1 / span 2;
  }

  .cars .booking-form__submit {
    grid-column: 1 / span 2;
  }

  .cars .booking-form__summary {
    grid-column: 1 / span 2;
  }

  .car-detail-booking .booking-form__field:nth-child(8) {
    grid-column: span 2;
  }

  .car-detail-booking .booking-form__field:nth-child(10) {
    grid-column: 1 / span 2;
  }

  .car-detail-booking .booking-form__field:nth-child(11) {
    grid-column: 1 / span 2;
  }

  .car-detail-booking .booking-form__submit {
    grid-column: 1 / span 2;
  }

  .car-detail-booking .booking-form__summary {
    grid-column: 1 / span 2;
  }

  .booking-form__field {
    gap: 14px;
  }

  .booking-form__submit {
    height: 52px;
  }

  /* Rental Summary */
  .rental-summary {
    padding: 20px;
  }

  .rental-summary__item {
    padding: 6px 0;
  }

  .rental-summary__item--total {
    margin-top: 6px;
    padding-top: 14px;
  }

  .rental-summary__label {
    font-size: 15px;
  }

  .rental-summary__value {
    font-size: 17px;
  }

  .rental-summary__item--total .rental-summary__label,
  .rental-summary__item--total .rental-summary__value {
    font-size: 19px;
  }

  /* Partners Slider */
  .partners-slider {
    padding: 40px 0;
  }

  .partners-slider__track {
    gap: 40px;
  }

  .partners-slider__item {
    width: 160px;
    height: 64px;
    padding: 20px;
  }

  /* Pricing Section */
  .pricing-section {
    margin-top: 28px;
  }

  .pricing-table {
    padding: 20px;
  }

  .pricing-table__title {
    font-size: 19px;
    margin-bottom: 28px;
  }

  .pricing-table__list {
    gap: 20px;
  }

  .pricing-table__item {
    padding: 20px;
  }

  .pricing-table__period {
    font-size: 17px;
  }

  .pricing-table__price {
    font-size: 22px;
  }

  /* Import Hero */
  .import-hero {
    padding: 56px 0;
  }

  .import-hero__wrapper {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .import-hero__title {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .import-hero__description {
    font-size: 17px;
    margin-bottom: 28px;
  }

  /* Import Form */
  .import-form {
    padding: 40px;
  }

  .import-form__title {
    font-size: 22px;
    margin-bottom: 28px;
  }

  .import-form__row {
    gap: 20px;
    margin-bottom: 20px;
  }

  .contact-form {
    gap: 20px;
  }

  .contact-form__row {
    gap: 28px;
  }

  .contact-form__field {
    gap: 14px;
  }

  .contact-form__submit {
    height: 52px;
  }

  /* Advantages */
  .advantages {
    padding: 56px 0;
  }

  .advantages__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
  }

  .advantage-card {
    padding: 28px;
  }

  .advantage-card__icon {
    width: 56px;
    height: 56px;
    margin-bottom: 20px;
  }

  .advantage-card__title {
    font-size: 19px;
    margin-bottom: 6px;
  }

  /* Process */
  .process {
    padding: 56px 0;
  }

  .process__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
  }

  .step-card {
    padding: 28px;
  }

  .step-card__number {
    font-size: 30px;
    margin-bottom: 14px;
  }

  .step-card__title {
    font-size: 19px;
    margin-bottom: 6px;
  }

  /* Gallery */
  .gallery {
    padding: 56px 0;
  }

  .gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .gallery__image {
    height: 200px;
  }

  /* Sidebar */
  .sidebar__nav {
    gap: 3px;
    padding: 14px 6px;
  }

  .sidebar__link {
    gap: 3px;
    padding: 6px;
  }

  .sidebar__icon {
    width: 18px;
    height: 18px;
  }

  /* Booking Section */
  .booking {
    margin-top: 28px;
    margin-bottom: 28px;
  }

  .booking-form {
    padding: 40px;
  }

  .booking-form__title {
    font-size: 22px;
    margin-bottom: 28px;
  }

  .booking-form__section {
    margin-bottom: 28px;
    padding: 20px;
  }

  .booking-form__legend {
    gap: 6px;
    font-size: 17px;
    margin-bottom: 20px;
  }

  .booking-form__legend-icon {
    width: 18px;
    height: 18px;
  }

  .booking-form__row {
    gap: 20px;
    margin-bottom: 20px;
  }

  /* Rental Calculator */
  .rental-calculator {
    padding: 28px;
    margin-top: 28px;
  }

  .rental-calculator__title {
    font-size: 19px;
    margin-bottom: 14px;
  }

  .rental-calculator__info {
    margin-bottom: 6px;
  }

  .rental-calculator__label {
    font-size: 15px;
  }

  .rental-calculator__value {
    font-size: 19px;
  }

  .rental-calculator__divider {
    margin: 14px 0;
  }

  .rental-calculator__total-label {
    font-size: 17px;
  }

  .rental-calculator__total-value {
    font-size: 27px;
  }

  /* Cars Section */
  .cars {
    margin-top: 28px;
  }

  .cars__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
  }

  /* Car Card */
  .car-card {
    padding: 20px;
  }

  .car-card__header {
    gap: 14px;
    margin-bottom: 6px;
  }

  .car-card__name {
    font-size: 19px;
    margin-bottom: 3px;
  }

  .car-card__type {
    font-size: 13px;
  }

  .car-card__image {
    margin-top: 28px;
  }

  .specs {
    margin-top: 28px;
  }

  .specs__icon {
    width: 18px;
    height: 18px;
  }

  .specs__text {
    font-size: 11px;
  }

  .car-card__footer {
    margin-top: 28px;
    gap: 20px;
  }

  .car-card__price {
    gap: 6px;
  }

  .car-card__price-current {
    font-size: 22px;
  }

  .car-card__price-period {
    font-size: 13px;
  }

  .car-card__button {
    height: 40px;
    width: 110px;
  }

  /* Load More */
  .cars__load-more {
    margin-top: 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .cars__load-button {
    grid-column: 1 / span 2;
  }

  .cars__count {
    grid-column: 1 / span 2;
    font-size: 13px;
    justify-self: center;
  }

  /* Terms Section */
  .terms {
    margin-top: 56px;
  }

  .terms__content {
    gap: 28px;
    margin-bottom: 40px;
  }

  .terms__block {
    padding: 28px;
  }

  .terms__subtitle {
    font-size: 19px;
    margin-bottom: 14px;
  }

  .terms__list {
    gap: 6px;
  }

  .terms__item {
    padding-left: 20px;
  }

  /* Car Detail */
  .car-detail {
    margin-top: 28px;
  }

  .car-detail__wrapper {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  /* Gallery */
  .gallery__main {
    height: 280px;
    margin-bottom: 20px;
  }

  .gallery__thumbnails {
    max-width: 744px;
    gap: 14px;
  }

  .gallery__thumbnail {
    width: 120px;
    height: 100px;
  }

  /* Gallery Lightbox */
  .gallery-lightbox__close,
  .gallery-lightbox__prev,
  .gallery-lightbox__next {
    width: 42px;
    height: 42px;
  }

  .gallery-lightbox__close {
    top: 28px;
    right: 28px;
  }

  .gallery-lightbox__prev {
    left: 28px;
  }

  .gallery-lightbox__next {
    right: 28px;
  }

  .gallery-lightbox__counter {
    bottom: 28px;
    padding: 6px 20px;
    font-size: 13px;
  }

  /* Car Info */
  .car-info {
    gap: 28px;
    padding: 20px;
  }

  .car-info__title {
    font-size: 27px;
  }

  .car-info__grid {
    gap: 28px;
  }

  .car-info__specs {
    gap: 20px;
    padding-right: 28px;
  }

  .specs-detail__row {
    gap: 14px;
  }

  .specs-detail__item {
    gap: 20px;
    padding-bottom: 14px;
  }

  .specs-detail__label {
    gap: 6px;
    font-size: 15px;
  }

  .specs-detail__value {
    font-size: 15px;
  }

  .car-info__description {
    font-size: 19px;
  }

  /* Car Info Pricing */
  .car-info__pricing-list {
    gap: 14px;
  }

  .car-info__pricing-item {
    padding: 14px;
  }

  .car-info__pricing-period {
    font-size: 15px;
  }

  .car-info__pricing-rate {
    font-size: 17px;
  }

  .car-info__pricing-badge {
    top: -10px;
    right: 20px;
    padding: 3px 14px;
    font-size: 11px;
  }

  /* Similar Cars */
  .similar-cars {
    margin-top: 28px;
  }

  .similar-cars__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
  }

  /* Accordion */
  .accordion {
    margin-bottom: 28px;
  }

  .accordion__trigger {
    padding: 28px;
  }

  .accordion__title {
    font-size: 22px;
  }

  .accordion__icon {
    width: 28px;
    height: 28px;
    padding: 6px;
  }

  .accordion__content form {
    padding: 28px;
  }

  /* Form Components */
  .form-field__label {
    font-size: 15px;
  }

  .form-field__input,
  .form-field__select,
  .form-field__textarea {
    padding: 14px;
    font-size: 15px;
  }

  .form-field__textarea {
    min-height: 80px;
  }

  .phone-input__country,
  .phone-input__number {
    padding: 14px;
    font-size: 15px;
  }

  .form-field__info {
    padding: 14px;
    font-size: 15px;
  }

  /* Car Detail Booking */
  .car-detail-booking {
    margin-top: 28px;
  }

  /* Form Checkbox */
  .form-checkbox__label {
    gap: 6px;
  }

  .form-checkbox__box {
    width: 18px;
    height: 18px;
  }

  .form-checkbox__text {
    font-size: 13px;
  }

  /* Custom Select */
  .custom-select__trigger {
    padding: 14px;
    font-size: 15px;
  }

  .custom-select__arrow {
    width: 13px;
    height: 13px;
  }

  .custom-select__option {
    padding: 14px;
    font-size: 15px;
  }

  /* Terms Page */
  .terms-page {
    padding: 56px 0;
  }

  .terms-page__title {
    font-size: 42px;
    margin-bottom: 14px;
  }

  .terms-page__updated {
    font-size: 15px;
    margin-bottom: 40px;
  }

  .terms-page__block {
    padding: 40px;
    margin-bottom: 28px;
  }

  .terms-page__subtitle {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .terms-page__subheading {
    font-size: 19px;
    margin-top: 20px;
    margin-bottom: 14px;
  }

  .terms-page__text {
    font-size: 15px;
    margin-bottom: 14px;
  }

  .terms-page__list {
    gap: 6px;
    margin-bottom: 14px;
  }

  .terms-page__item {
    padding-left: 20px;
  }

  .carousel__slide {
    width: calc(50% - 14px);
    margin-right: 28px;
  }

  .similar-cars .carousel__slide {
    width: calc(50% - 14px);
    margin-right: 28px;
  }

  .carousel__button {
    width: 42px;
    height: 42px;
  }

  .carousel__button--prev {
    left: -21px;
  }

  .carousel__button--next {
    right: -21px;
  }

  .carousel__button svg {
    width: 20px;
    height: 20px;
  }

  .gallery .gallery__image {
    height: 200px;
  }
}

/* ==========================================================================
   MOBILE VERSION (max-width: 767px)
   ========================================================================== */

@media (max-width: 767px) {
  /* Container */
  .container {
    max-width: 359px;
    padding-left: 8px;
    padding-right: 8px;
  }

  /* Main */
  .main {
    padding: 0;
  }

  /* Section Title */
  .section-title {
    font-size: 24px;
    margin-bottom: 24px;
  }

  /* Header */
  .header {
    padding: 24px 0;
  }

  .header__logo img {
    height: 40px;
  }

  .header__actions {
    display: none;
  }

  .header__burger {
    display: flex;
  }

  /* Footer */
  .footer {
    background-color: transparent;
    border-top: none;
    padding: 48px 0 24px;
    margin-top: 0;
  }

  .footer__logo img {
    height: 40px;
  }

  .footer__main {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 16px;
    gap: 48px;
  }

  .footer__tagline {
    margin-top: 16px;
    font-size: 12px;
    max-width: 220px;
  }

  .footer__nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px;
  }

  .footer-nav__title {
    margin-bottom: 16px;
  }

  .footer__map {
    margin-top: 24px;
  }

  .footer__bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 48px;
    border-top: none;
  }

  .footer__copyright {
    font-size: 12px;
  }

  /* Socials */
  .socials {
    gap: 16px;
  }

  .socials__group {
    gap: 4px;
  }

  .socials__label {
    font-size: 10px;
  }

  .socials__links {
    gap: 12px;
  }

  .socials__link {
    width: 28px;
    height: 28px;
  }

  .socials__link svg {
    width: 16px;
    height: 16px;
  }

  .socials__divider {
    height: 28px;
  }

  /* Button */
  .button {
    font-size: 14px;
    padding: 12px 24px;
  }

  .button--large {
    height: 44px;
    font-size: 16px;
  }

  /* Hero */
  .hero {
    margin-top: 24px;
  }

  .hero__grid {
    gap: 24px;
  }

  /* Banner */
  .banner {
    padding: 16px;
  }

  .banner__header {
    margin-bottom: 12px;
  }

  .banner__phone {
    font-size: 12px;
  }

  .banner__title {
    max-width: 300px;
    font-size: 16px;
    margin-bottom: 16px;
  }

  .banner__description {
    margin-bottom: 24px;
    font-size: 14px;
  }

  /* Booking Form */
  .cars__booking {
    margin-bottom: 24px;
  }

  .cars .booking-form__form {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .car-detail-booking .booking-form__form {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .cars .booking-form__field:nth-child(6) {
    grid-column: 1;
  }

  .cars .booking-form__field:nth-child(15) {
    grid-column: 1;
  }

  .cars .booking-form__field:nth-child(16) {
    grid-column: 1;
  }

  .cars .booking-form__submit {
    grid-column: 1;
  }

  .cars .booking-form__summary {
    grid-column: 1;
  }

  .car-detail-booking .booking-form__field:nth-child(8) {
    grid-column: 1;
  }

  .car-detail-booking .booking-form__field:nth-child(10) {
    grid-column: 1;
  }

  .car-detail-booking .booking-form__field:nth-child(11) {
    grid-column: 1;
  }

  .car-detail-booking .booking-form__submit {
    grid-column: 1;
  }

  .car-detail-booking .booking-form__summary {
    grid-column: 1;
  }

  .booking-form__field {
    gap: 12px;
  }

  .booking-form__submit {
    height: 44px;
  }

  /* Rental Summary */
  .rental-summary {
    padding: 16px;
  }

  .rental-summary__item {
    padding: 4px 0;
  }

  .rental-summary__item--total {
    margin-top: 4px;
    padding-top: 12px;
  }

  .rental-summary__label {
    font-size: 14px;
  }

  .rental-summary__value {
    font-size: 16px;
  }

  .rental-summary__item--total .rental-summary__label,
  .rental-summary__item--total .rental-summary__value {
    font-size: 18px;
  }

  /* Partners Slider */
  .partners-slider {
    padding: 32px 0;
  }

  .partners-slider__track {
    gap: 32px;
  }

  .partners-slider__item {
    width: 120px;
    height: 48px;
    padding: 16px;
  }

  /* Pricing Section */
  .pricing-section {
    margin-top: 24px;
  }

  .pricing-table {
    padding: 16px;
  }

  .pricing-table__title {
    font-size: 18px;
    margin-bottom: 24px;
  }

  .pricing-table__list {
    gap: 16px;
  }

  .pricing-table__item {
    padding: 16px;
  }

  .pricing-table__period {
    font-size: 16px;
  }

  .pricing-table__price {
    font-size: 20px;
  }

  /* Import Hero */
  .import-hero {
    padding: 48px 0;
  }

  .import-hero__wrapper {
    gap: 32px;
  }

  .import-hero__title {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .import-hero__description {
    font-size: 16px;
    margin-bottom: 24px;
  }

  /* Import Form */
  .import-form {
    padding: 32px;
  }

  .import-form__title {
    font-size: 20px;
    margin-bottom: 24px;
  }

  .import-form__row {
    gap: 16px;
    margin-bottom: 16px;
  }

  .import-form__row--half {
    grid-template-columns: 1fr;
  }

  .contact-form {
    gap: 16px;
  }

  .contact-form__row {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .contact-form__field {
    gap: 12px;
  }

  .contact-form__submit {
    height: 44px;
  }

  /* Advantages */
  .advantages {
    padding: 48px 0;
  }

  .advantages__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .advantage-card {
    padding: 24px;
  }

  .advantage-card__icon {
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
  }

  .advantage-card__title {
    font-size: 18px;
    margin-bottom: 4px;
  }

  /* Process */
  .process {
    padding: 48px 0;
  }

  .process__steps {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .step-card {
    padding: 24px;
  }

  .step-card__number {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .step-card__title {
    font-size: 18px;
    margin-bottom: 4px;
  }

  /* Gallery */
  .gallery {
    padding: 48px 0;
  }

  .gallery__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .gallery__image {
    height: 150px;
  }

  /* Sidebar */
  .sidebar {
    display: none;
  }

  /* Booking Section */
  .booking {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .booking-form {
    padding: 32px;
  }

  .booking-form__title {
    font-size: 20px;
    margin-bottom: 24px;
  }

  .booking-form__section {
    margin-bottom: 24px;
    padding: 16px;
  }

  .booking-form__legend {
    gap: 4px;
    font-size: 16px;
    margin-bottom: 16px;
  }

  .booking-form__legend-icon {
    width: 16px;
    height: 16px;
  }

  .booking-form__row {
    gap: 16px;
    margin-bottom: 16px;
  }

  .booking-form__row--half,
  .booking-form__row--thirds {
    grid-template-columns: 1fr;
  }

  /* Rental Calculator */
  .rental-calculator {
    padding: 24px;
    margin-top: 24px;
  }

  .rental-calculator__title {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .rental-calculator__info {
    margin-bottom: 4px;
  }

  .rental-calculator__label {
    font-size: 14px;
  }

  .rental-calculator__value {
    font-size: 18px;
  }

  .rental-calculator__divider {
    margin: 12px 0;
  }

  .rental-calculator__total-label {
    font-size: 16px;
  }

  .rental-calculator__total-value {
    font-size: 24px;
  }

  /* Cars Section */
  .cars {
    margin-top: 24px;
  }

  .cars__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  /* Car Card */
  .car-card {
    position: relative;
    padding: 16px;
  }

  .car-card__header {
    gap: 12px;
    margin-bottom: 4px;
  }

  .car-card__name {
    font-size: 18px;
    margin-bottom: 2px;
  }

  .car-card__type {
    font-size: 12px;
  }

  .car-card__image {
    margin-top: 24px;
  }

  .specs {
    margin-top: 0;
    flex-direction: column;
    justify-content: flex-start;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
  }

  .specs__icon {
    width: 16px;
    height: 16px;
  }

  .specs__text {
    font-size: 10px;
  }

  .car-card__footer {
    margin-top: 24px;
    gap: 16px;
  }

  .car-card__price {
    gap: 4px;
  }

  .car-card__price-current {
    font-size: 20px;
  }

  .car-card__price-period {
    font-size: 12px;
  }

  .car-card__button {
    height: 36px;
    width: 100px;
  }

  .car-card__image img {
    width: 205px;
    height: auto;
  }

  /* Load More */
  .cars__load-more {
    margin-top: 32px;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .cars__load-button {
    grid-column: 1;
  }

  .cars__count {
    grid-column: 1;
    font-size: 12px;
    justify-self: center;
  }

  /* Terms Section */
  .terms {
    margin-top: 48px;
  }

  .terms__content {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 32px;
  }

  .terms__block {
    padding: 24px;
  }

  .terms__subtitle {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .terms__list {
    gap: 4px;
  }

  .terms__item {
    padding-left: 16px;
  }

  /* Car Detail */
  .car-detail {
    margin-top: 24px;
  }

  .car-detail__wrapper {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  /* Gallery */
  .gallery__main {
    height: 200px;
    margin-bottom: 16px;
  }

  .gallery__thumbnails {
    max-width: 343px;
    gap: 12px;
  }

  .gallery__thumbnail {
    width: 92px;
    height: 76px;
  }

  /* Gallery Lightbox */
  .gallery-lightbox__close,
  .gallery-lightbox__prev,
  .gallery-lightbox__next {
    width: 36px;
    height: 36px;
  }

  .gallery-lightbox__close {
    top: 24px;
    right: 24px;
  }

  .gallery-lightbox__prev {
    left: 24px;
  }

  .gallery-lightbox__next {
    right: 24px;
  }

  .gallery-lightbox__counter {
    bottom: 24px;
    padding: 4px 16px;
    font-size: 12px;
  }

  /* Car Info */
  .car-info {
    gap: 24px;
    padding: 16px;
  }

  .car-info__title {
    font-size: 24px;
  }

  .car-info__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .car-info__specs {
    gap: 16px;
    padding-right: 0;
    border-right: none;
    padding-bottom: 24px;
    border-bottom: 2px solid var(--color-gray-100);
  }

  .specs-detail__row {
    gap: 12px;
  }

  .specs-detail__item {
    gap: 16px;
    padding-bottom: 12px;
  }

  .specs-detail__label {
    gap: 4px;
    font-size: 14px;
  }

  .specs-detail__value {
    font-size: 14px;
  }

  .car-info__description {
    font-size: 18px;
  }

  /* Car Info Pricing */
  .car-info__pricing-list {
    gap: 12px;
  }

  .car-info__pricing-item {
    padding: 12px;
  }

  .car-info__pricing-period {
    font-size: 14px;
  }

  .car-info__pricing-rate {
    font-size: 16px;
  }

  .car-info__pricing-badge {
    top: -8px;
    right: 16px;
    padding: 2px 12px;
    font-size: 10px;
  }

  /* Similar Cars */
  .similar-cars {
    margin-top: 24px;
  }

  .similar-cars__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  /* Accordion */
  .accordion {
    margin-bottom: 24px;
  }

  .accordion__trigger {
    padding: 24px;
  }

  .accordion__title {
    font-size: 20px;
  }

  .accordion__icon {
    width: 24px;
    height: 24px;
    padding: 4px;
  }

  .accordion__content form {
    padding: 24px;
  }

  /* Form Components */
  .form-field__label {
    font-size: 14px;
  }

  .form-field__input,
  .form-field__select,
  .form-field__textarea {
    padding: 12px;
    font-size: 14px;
  }

  .form-field__textarea {
    min-height: 60px;
  }

  .phone-input__country,
  .phone-input__number {
    padding: 12px;
    font-size: 14px;
  }

  .form-field__info {
    padding: 12px;
    font-size: 14px;
  }

  /* Car Detail Booking */
  .car-detail-booking {
    margin-top: 24px;
  }

  /* Form Checkbox */
  .form-checkbox__label {
    gap: 4px;
  }

  .form-checkbox__box {
    width: 16px;
    height: 16px;
  }

  .form-checkbox__text {
    font-size: 12px;
  }

  /* Custom Select */
  .custom-select__trigger {
    padding: 12px;
    font-size: 14px;
  }

  .custom-select__arrow {
    width: 12px;
    height: 12px;
  }

  .custom-select__option {
    padding: 12px;
    font-size: 14px;
  }

  /* Terms Page */
  .terms-page {
    padding: 48px 0;
  }

  .terms-page__title {
    font-size: 36px;
    margin-bottom: 12px;
  }

  .terms-page__updated {
    font-size: 14px;
    margin-bottom: 32px;
  }

  .terms-page__block {
    padding: 32px;
    margin-bottom: 24px;
  }

  .terms-page__subtitle {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .terms-page__subheading {
    font-size: 18px;
    margin-top: 16px;
    margin-bottom: 12px;
  }

  .terms-page__text {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .terms-page__list {
    gap: 4px;
    margin-bottom: 12px;
  }

  .terms-page__item {
    padding-left: 16px;
  }

  .carousel__slide {
    width: 100%;
    margin-right: 24px;
  }

  .similar-cars .carousel__slide {
    width: 100%;
    margin-right: 24px;
  }

  .carousel__button {
    width: 36px;
    height: 36px;
  }

  .carousel__button--prev {
    left: -18px;
  }

  .carousel__button--next {
    right: -18px;
  }

  .carousel__button svg {
    width: 16px;
    height: 16px;
  }

  .gallery .gallery__image {
    height: 150px;
  }
}