/* Chat widget styles */

.kareta-chat-panel__status {
  color: #94a3b8;
  font-size: 12px;
  letter-spacing: -6px;
  display: inline-block;
}

.kareta-chat-panel__status.is-read {
  color: #60a5fa;
}

.kareta-chat-modal__message-status {
  color: #94a3b8;
  font-size: 12px;
  letter-spacing: -6px;
}

.kareta-chat-modal__message-status.is-read {
  color: #60a5fa;
}
html,
body,
input,
button,
select,
textarea,
optgroup,
fieldset {
  font-family: 'Inter', sans-serif;
}

@media (max-width: 991px) {
  .profile-email-card,
  .profile-email-form,
  .profile-password-card,
  .profile-password-form {
    flex-direction: column;
    align-items: flex-start;
  }

  .profile-email-card__action,
  .profile-password-card__action {
    align-self: flex-start;
    margin-top: 0.8rem;
  }

  .profile-email-card__actions,
  .profile-password-card__actions {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 0.4rem;
  }

  .profile-email-card__resend-form {
    width: 100%;
  }

  .profile-email-card__resend-button {
    margin-top: 0.2rem;
  }
}
.brand__logo__link {
  display: block;
}

.karetads__grid {
  gap: 1rem;
}

.brand__list--collapsible {
  transition: opacity 0.25s ease;
}

.brand-section__actions {
  margin-top: 1.5rem;
}

@media (max-width: 991px) {
  .brand-section__actions {
    margin-top: 0;
  }

  .brand__logo__link {
    background: var(--theme-surface);
    border: none;
    padding: 0;
    border-radius: 12px;
  }

  .brand__logo__img {
    border-radius: 12px;
  }

  .mySwiper .swiper-slide {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    border-radius: 6px;
  }

  .mySwiper .swiper-slide img {
    border-radius: 6px;
    background: transparent;
  }

  .category-list__wrapper {
    grid-template-columns: repeat(4, 1fr);
    gap:1rem;
  }
}

@media (max-width: 1399px) {
  .brand__logo {
    grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
  }

  .karetads__grid.karetads__grid--4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .header__main-row {
    gap: 1.6rem;
  }

  .header__compact-actions {
    width: 100%;
    justify-content: flex-end;
  }

  .header--compact .header__compact-actions {
    margin-left: 0;
  }

  .header--compact .header__place-button {
    width: 4rem;
    height: 4rem;
  }

  .header-search__form {
    flex-wrap: wrap;
    gap: 1.6rem;
  }

  .header-search__form__input-wrapper {
    width: 100%;
  }


  .header-search-form__button {
    height: 4rem;
  }

  .header-search-form__dropdown .select2-container,
  .header-search-form__dropdown span.select2 {
    width: 100% !important;
  }

  .category-list__wrapper {
    grid-template-columns: repeat(4, 1fr);
  }

  .brand__logo {
    grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
  }

  .karetads__grid:not(.karetads__row),
  .karetads__grid.karetads__grid--4:not(.karetads__row) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .karetads__grid.karetads__grid--3:not(.karetads__row) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .news_list {
    padding-left: 0;
  }

  .karetads-param {
    margin-left: 1.5rem;
  }

  .archive-filters .container {
    padding: 0 1rem;
  }

  .category-list__wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1199px) {
  .news_list {
    padding-left: 0;
  }

  .karetads__grid .karetad .karetad__actions .favoriteButton {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .karetads__grid .karetad .karetad__actions .favoriteButton.favoriteButton--active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .karetad:active,
  .karetad:focus-within {
    background: #e4effc;
  }

  .karetad:active .karetad__content__title,
  .karetad:focus-within .karetad__content__title {
    opacity: 0.7;
  }
}

@media (max-width: 991px) {
  .header__actions {
    gap: 1.6rem;
  }

  .my-lk__layout {
    gap: 1.2rem;
  }

  .title-section .row {
    flex-direction: column;
  }

  .title-section__favorites-wrapper {
    margin-top: 1rem;
  }

  .title-section__favorites-wrapper .add-to-favorites {
    margin-left: 0;
  }

  .my-lk__wrapper {
    padding: 0;
    background: transparent;
    box-shadow: none;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    min-height: auto;
  }

  .my-lk__image-wrapper {
    width: 8rem;
    height: 8rem;
    flex: 0 0 8rem;
    border-radius: 50%;
    overflow: hidden;
  }

  .my-lk__info-card {
    width: 100%;
    background: #fff;
    border-radius: 6px;
    padding: 0 1.7rem;
    min-height: 8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .my-lk__menu-region {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .my-lk__menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
  }

  .my-lk__menu-wrapper {
    display: none !important;
  }

  .my-lk__menu-list {
    gap: 1rem;
  }

  .header--compact .header__compact-actions {
    justify-content: space-between;
    gap: 1.2rem;
    padding-left: 1.2rem;
  }

  .header__logo-link {
    height: 4.4rem;
    width: auto;
  }

  .header-navbar__link {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.7rem;
    color: #374054;
    text-decoration: none;
    margin-right: 0.7rem;
  }

  .header__autirization-name {
    font-size: 1.3rem;
    font-weight: 400;
    color: #374054;
  }


  .header__place-button {
    padding: 0.65rem 2.65rem;
    background: #3776E5;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.7rem;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    height: max-content;
  }

  .header__one-column .row {
    gap: 1.2rem;
  }

  .header__link {
    margin-right: 1.2rem;
  }

  .header-search__background {
    flex-direction: column;
    box-shadow: none;
  }

  .header-search__form {
    flex-direction: column;
    gap: 1.2rem;
  }

  .header-search__form__input-wrapper,
  .header-search-form__dropdown,
  .header-search-form__button {
    width: 100%;
  }

  .header-search-form__dropdown {
    margin: 0;
  }

  .header-search-form__dropdown svg {
    right: 1.6rem;
    left: auto;
    top: 2.2rem;
  }

  .header-search-form__dropdown .select2-container,
  .header-search-form__dropdown span.select2 {
    width: 100% !important;
  }

  .header-search-form__dropdown span.select2-selection--single {
    border-radius: 12px !important;
    border: 1px solid #E3E8F2 !important;
  }

  .header-search-form__button {
    border-radius: 12px;
    width: 100%;
  }

  #search-results,
  .header-search__results {
    top: 4.7rem;
  }


  .header-mobile__search-form .header-search__background {
    flex-direction: row;
    align-items: stretch;
    gap: 0;
    padding: 0rem 0rem;
    border-radius: 12px;
  }

  .header-mobile__search-form .header-search__form__input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 9px;
    background: #fff;
    padding: 0 0.4rem;
    height: 4.2rem;
  }

  .header-mobile__search-form .header-search__form__input-wrapper::before {
    content: "";
    position: absolute;
    left: 1.4rem;
    top: 50%;
    width: 1.8rem;
    height: 1.8rem;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M8.25 2.25a6 6 0 1 0 0 12a6 6 0 0 0 0-12Zm0-1.5a7.5 7.5 0 1 1 0 15a7.5 7.5 0 0 1 0-15Z' fill='%238F98AA'/%3E%3Cpath d='m13.553 12.493l3.227 3.227l-1.06 1.06l-3.227-3.227l1.06-1.06Z' fill='%238F98AA'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
  }

  .header-mobile__search-form .header-search-form__field {
    flex: 1 1 auto;
    border-radius: 0;
    padding: 0 0.6rem 0 4rem;
    background: transparent;
  }

  .header-mobile__search-form .header-search__results {
    top: calc(100% + 2.2rem);
  }

  .header-search__region-control {
    --region-control-width: 3.8rem;
    position: relative;
    flex: 0 0 var(--region-control-width);
    width: var(--region-control-width);
    height: 100%;
    border-left: 1px solid #E3E8F2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #A8B3C7;
    cursor: pointer;
    overflow: visible;
  }

  .header-search__region-control svg {
    width: 1.8rem;
    height: 1.8rem;
  }

  .header-search__region-control select {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
  }

  .header-search__region-control .select2-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
  }

  .header-search__region-control--active {
    color: #3776E5;
    background: rgba(55, 118, 229, 0.12);
    border-left-color: #3776E5;
  }

  .header-search__region-control--focus {
    border-left-color: #3776E5;
    color: #3776E5;
  }

  .header-mobile__search-form .header-search-form__button {
    display: none;
  }

  .header-region-dropdown {
    position: fixed !important;
    left: 1.2rem !important;
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 12px !important;
    border: 1px solid #E3E8F2 !important;
    box-shadow: 0 1.2rem 2.4rem rgba(18, 32, 56, 0.18) !important;
    z-index: 9999 !important;
  }

  .header-region-dropdown .select2-results__options {
    max-height: 60vh;
  }

  .brand__list {
    column-count: 3;
  }

  .brand__logo {
    grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));

  }



  .last_karetads {
    padding-left: 0;
  }

  .karetads__grid:not(.karetads__row) {
    --ad-card-min: clamp(14rem, 20vw, 18rem);
    grid-template-columns: repeat(auto-fit, minmax(var(--ad-card-min), 1fr));
    grid-auto-columns: minmax(var(--ad-card-min), 1fr);
    max-width: 100%;
  }

  .karetad__image__wrapper {
    height: 19rem;
  }

  .karetad__content {
    padding: 1rem;
  }

  .karetads__grid.karetads__row .karetad .karetad__link {
    flex-direction: row;
    align-items: stretch;
    gap: 1rem;
  }

  .karetads__grid.karetads__row .karetad .karetad__link .karetad__image__wrapper {
    flex: 0 0 15.2rem;
    width: 15.2rem;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .karetads__grid.karetads__row .karetad .karetad__link .karetad__content {
    flex: 1 1 auto;
    width: auto;
    display: flex;
    flex-direction: column;
  }

  .karetads__grid.karetads__row .karetad .karetad__link .karetad__content .row {
    width: 100%;
    margin: 0;
    flex: 0 0 auto;
  }

  .karetads__grid.karetads__row .karetad .karetad__link .karetad__content .karetad__content__description {
    display: none;
  }

  .karetads__grid.karetads__row .karetad .karetad__link .karetad__content .row > [class*="col-"] {
    width: 100%;
    padding: 0;
  }

  .karetads__grid.karetads__row .karetad__content__price {
    margin-top: 0rem;
    margin-bottom: 0;
  }

  .karetads__grid.karetads__row .karetad__content__meta-line {
    margin-top: 1rem;
  }

  .karetads__grid.karetads__row .karetad__content__meta-primary {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
  }

  .karetads__grid.karetads__row .karetad__content__city {
    display: block;
  }

  .karetads__grid.karetads__row .karetad__content__specs {
    gap: 0.45rem;
  }

  .karetads__grid.karetads__row .karetad__content__spec-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.8rem;
    max-width: 10.8rem;
    flex: 0 1 auto;
    min-width: 0;
  }

  .karetads__grid.karetads__row .karetad__content__spec-label,
  .karetads__grid.karetads__row .karetad__content__spec-value {
    display: inline-flex;
    font-size: 1.15rem;
    min-width: 0;
  }

  .karetads__grid.karetads__row .karetad__content__spec-value {
    flex: 1 1 auto;
    max-width: 100%;
    min-width: 0;
  }

  .karetads__grid.karetads__row .karetad__content__spec-value-text {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mySwiper .swiper-wrapper {
    grid-template-columns: repeat(5, 1fr);
  }

  .characteristic-block__list {
    column-count: 1;
  }

  .characteristic-block-item {
    justify-content: space-between;
  }

  .title-section__favorites-wrapper {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    text-align: left;
  }

  .karetads-param-wrapper {
    position: static;
    top: auto;
  }

  .karetads-param-wrapper--desktop {
    display: none;
  }

  .karetads-param-wrapper--mobile {
    display: block;
  }

  .karetads-param {
    margin-left: 0;
    margin-top: 2rem;
    padding: 2rem;
  }

  .karetads-param__price-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
  }

  .karetads-param__price-note {
    margin-left: 0;
    font-size: 1.4rem;
  }

  .karetads-param__price-exchange {
    font-size: 1.3rem;
  }

  .karetads-param__city {
    display: block;
  }

  .karetads-param-city__value {
    margin-left: 0;
  }

  .karetads-param__button {
    font-size: 1.4rem;
  }

  .karetads-param__button div {
    margin-top: 0.4rem;
  }

  .karetads-param__seller {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
  }

  .karetads-param-seller__2 {
    order: -1;
  }

  .karetads-param-seller-1 {
    flex: 1;
  }

  .karetads-param-seller-2__img-wrapper {
    width: 4.8rem;
    height: 4.8rem;
  }

  .karetads-param__author-edit {
    margin-left: 0;
  }

  .karetads-param__author-edit-wrapper {
    margin-top: 2rem;
  }

  .share-buttons {
    flex-wrap: nowrap;
    gap: 1.2rem;
    align-items: center;
  }

  .share-buttons__wrapper-karetads {
    margin-left: 0;
    justify-content: center;
  }

  .share-buttons__wrapper-buttons {
    flex-wrap: nowrap;
    gap: 0.9rem;
  }

  .share-buttons__text-wrapper {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
  }

  .share-buttons__text {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .share-buttons__link,
  .share-buttons__link.btn {
    min-width: 3.8rem;
    min-height: 3.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .share-buttons__link svg,
  .share-buttons__text-wrapper svg {
    width: 2.6rem;
    height: 2.6rem;
  }

  .paginate-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer__menu {
    justify-content: flex-start;
    text-align: left;
    gap: 1.2rem;
  }

  .footer-content__text {
    margin-right: 0;
    margin-bottom: 1rem;
    text-align: left;
  }

  .footer__created {
    text-align: left;
  }

  .footer__policy {
    display: inline-block;
    margin-top: 1rem;
    text-align: left;
  }

  .default-form__fromTo {
    flex-direction: row;
    gap: 1rem;
  }

  .default-input__fromTo {
    width: 50%;
  }

  .select-type-karetad__grid {
    grid-template-columns: 1fr;
  }

  .select-type-karetad__link .category-list__item-title {
    padding-top: 1.4rem;
    padding-right: 8.4rem;
  }

  .select-type-karetad__link .category-list__item-image-wrapper {
    width: 7.4rem;
    height: 5.4rem;
  }

  .create-karetad-form__group {
    padding: 2.5rem;
  }

  .default-select-input {
    flex-direction: column;
    gap: 0.8rem;
  }

  .default-select-input .select2-container {
    width: 100% !important;
  }

  .default-select-input .default-input {
    width: 100%;
    border-radius: 6px;
  }

  .default-form-group__price-wrapper {
    flex-wrap: wrap;
  }

  .default-form-group__price-wrapper.default-form-group__price-wrapper--nowrap {
    flex-wrap: nowrap;
  }

  .default-form-group__price-wrapper.default-form-group__price-wrapper--nowrap .default-select {
    border-radius: 6px 0 0 6px;
  }

  .default-form-group__price-wrapper.default-form-group__price-wrapper--nowrap .default-input--price {
    border-radius: 6px 0 0 6px;
  }

  .default-form-group__price-currency {
    width: 100%;
    border-radius: 6px;
    border-left: 1px solid #E7E7E7;
  }

  .default-form-group__price-currency .default-select {
    width: 100%;
  }

  .default-form__button-group {
    position: static;
  }

  .filepond--item {
    width: calc(50% - 0.5em);
  }

  .view-toggle {
    justify-content: flex-start;
  }

  .archive-karetads > .container > .row:nth-of-type(2) > .col-lg-3 {
    order: 2;
  }

  .archive-karetads > .container > .row:nth-of-type(2) > .col-lg-9 {
    order: 1;
  }
}

@media (max-width: 767px) {
  .header__one-column {
    padding: 1.2rem 0;
  }

  .header__one-column .col-lg-5,
  .header__one-column .col-lg-7 {
    justify-content: center;
    text-align: center;
  }

  .header__link {
    margin-right: 1rem;
    font-size: 1.4rem;
  }

  .header__userwrapper {
    justify-content: center;
  }

  .header__place-button {
    width: 100%;
    text-align: center;
  }

  .header-search__form {
    gap: 1rem;
  }

  .category-list__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .category-list {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0 0 0.4rem;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scroll-padding-left: 1.2rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .category-list::-webkit-scrollbar {
    display: none;
  }

  .category-list__wrapper {
    display: flex;
    flex-direction: column;
    width: max-content;
    min-width: 100%;
    row-gap: 0.9rem;
    align-items: flex-start;
    padding: 0 1.2rem;
    box-sizing: border-box;
  }

  .category-list__row {
    display: flex;
    align-items: stretch;
    gap: 0.8rem;
  }

  .category-list__item {
    width: var(--category-card-width, 15rem);
    height: 6.6rem;
    display: block;
    border-radius: 2.2rem;
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .category-list__item-title {
    position: absolute;
    top: 0.9rem;
    left: 1.4rem;
    right: 7rem;
    padding-top: 0;
    padding-left: 0;
    font-size: 1.3rem;
    line-height: 1.08;
    max-height: 2.9rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .category-list__item-image-wrapper {
    right: 0;
    bottom: 0;
    width: 8rem;
    height: 6.4rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: initial;
  }

  .category-list__item-image {
    width: 7.2rem;
    height: 6rem;
    object-fit: contain;
    object-position: right bottom;
  }


  .brand__list {
    column-count: 2;
  }

  .brand__logo {
    grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));

  }



  .news_list {
    margin-top: 3rem;
  }

  .news__wrapper {
    align-items: flex-start;
    gap: 1.2rem;
  }

  .news_title {
    max-width: 100%;
    font-size: 1.4rem;
    line-height: 1.4;
  }

  .karetad__image__wrapper {
    height: 18rem;
  }

  .characteristic-block__wrapper,
  .description-block__wrapper {
    padding: 2rem;
  }

  .karetads-param__seller {
    padding: 1.2rem;
  }

  .share-buttons {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.6rem;
  }

  .share-buttons__wrapper-buttons {
    width: auto;
  }

  .share-buttons__text-wrapper {
    margin-right: 0;
    flex: 1;
    min-width: 0;
  }

  .default-form-group {
    margin-bottom: 1.6rem;
  }

  .profile-content__heading {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
  }



  .karetads__grid.karetads__row .karetad__row-body {
    flex-direction: column;
    gap: 1rem;
  }


  .view-toggle {
    justify-content: flex-start;
  }

  .paginate-wrapper {
    justify-content: center;
  }
}

.mobile-news-slot {
  display: none;
}

@media (max-width: 991px) {
  .home-news-column--desktop {
    display: none;
  }

  .mobile-news-slot .home-news-column--mobile {
    display: block;
  }

  .mobile-news-slot {
    display: block;
    margin-top: 3rem;
  }

  .mobile-news-slot .home-news-column {
    width: 100%;
  }

  .news__wrapper {
    align-items: center;
    gap: 1.2rem;
  }

  .news__img__wrapper {
    width: 8rem;
    height: 8rem;
    flex: 0 0 8rem;
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  /* html {
    font-size: 0.6rem;
  } */

  .header__link {
    display: inline-block;
    margin-right: 0;
  }

  .header__autirization-name {
    font-size: 1.2rem;
  }

  .header__place-button {
    font-size: 1.2rem;
    padding: 0.7rem 1.4rem;
  }

  .header-search-form__dropdown,
  .header-search-form__button {
    width: 100%;
  }

  .header-search-form__dropdown svg {
    top: 1.8rem;
  }

  .category-list__wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .brand-section {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    width: 100%;
  }

  .brand-section .brand-logos-slider {
    order: 1;
  }

  .brand-section__actions {
    order: 2;
    width: 100%;
    align-items: center;
  }

  .brand-section #primary-car-brands {
    order: 3;
  }

  .brand-section #more-car-brands {
    order: 4;
  }

  .brand-section .brand__list,
  .brand-section #more-car-brands {
    display: none;
  }

  .brand-section .brand__list.brand__list--expanded,
  .brand-section #more-car-brands.visible {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem 1rem;
    column-count: initial;
    column-width: auto;
    margin-top: 0;
  }

  .brand-section .brand__item {
    margin: 0;
    break-inside: auto;
  }

  .brand__logo__link {
    width: 6rem;
    height: 6rem;
  }

  .karetads__grid.karetads__row .karetad .karetad__link {
    gap: 0rem;
  }

  .karetads__grid.karetads__row .karetad .karetad__link .karetad__image__wrapper {
    width: 13.6rem;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .karetads__grid.karetads__row .karetad .karetad__link .karetad__content .row {
    width: 100%;
  }

  .karetads__grid:not(.karetads__row) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .karetads__grid.karetads__grid--4:not(.karetads__row),
  .karetads__grid.karetads__grid--3:not(.karetads__row) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .karetads-param {
    padding: 1.8rem;
  }

  .karetads-param__button {
    font-size: 1.5rem;
  }

  .karetads-param__button div {
    display: block;
  }

  .karetads-param-seller-2__img-wrapper {
    width: 4.2rem;
    height: 4.2rem;
  }

  .share-buttons__wrapper-buttons {
    gap: 0.8rem;
  }

  .share-buttons {
    align-items: stretch;
  }

  .characteristic-block__wrapper,
  .description-block__wrapper {
    padding: 1.8rem 1.4rem;
  }

  .description-block-desc {
    font-size: 1.5rem;
    line-height: 1.6;
  }

  .centered-text {
    max-width: 100%;
  }

  .news__wrapper {
    flex-direction: row;
    align-items: center;
    gap: 1.2rem;
  }

  .news__img__wrapper {
    width: 8rem;
    height: 8rem;
    margin: 0;
    flex: 0 0 auto;
  }

  .news_title {
    font-size: 1.4rem;
    line-height: 1.4;
  }

  .paginate-wrapper {
    gap: 1rem;
  }

  .footer__content {
    text-align: left;
    padding: 4rem 0;
  }

  .footer__bottom {
    text-align: left;
  }

  .default-form-group__price-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .default-form-group__price-index,
  .default-form-group__price-index-left {
    width: 100%;
    text-align: left;
  }

  .default-form-group__price-wrapper.default-form-group__price-wrapper--nowrap .default-form-group__price-index,
  .default-form-group__price-wrapper.default-form-group__price-wrapper--nowrap .default-form-group__price-index-left {
    width: auto;
    padding: 0 0.7rem;
  }

  .default-form-group__price-wrapper.default-form-group__price-wrapper--nowrap {
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
  }

  .default-form-group__price-currency .default-select,
  .default-form-group__price-currency select {
    max-width: 19rem;
  }

  .filepond--item {
    width: 100%;
  }

  .mySwiper .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }

  .karetads-param__author-edit-wrapper {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .help-page .help-section,
  .help-sidebar .help-card {
    padding: 2rem;
  }

  .help-sidebar {
    position: static;
    top: auto;
  }

  .help-info-list__item {
    padding: 1.4rem;
  }
}

@media (max-width: 767px) {
  .help-page .title {
    text-align: left;
  }

  .help-page .desc {
    text-align: left;
  }

  .help-sidebar {
    margin-top: 3rem;
  }
}

@media (max-width: 991px) {
  .contacts-page .contacts-section,
  .contacts-sidebar .contacts-card {
    padding: 2rem;
  }

  .contacts-sidebar {
    position: static;
    top: auto;
  }
}

@media (max-width: 767px) {
  .contacts-page .title,
  .contacts-page .desc {
    text-align: left;
  }

  .contacts-sidebar {
    margin-top: 3rem;
  }
}

@media (max-width: 767px) {
  .about-page .title,
  .about-page .desc,
  .policy-page .title,
  .policy-page .desc {
    text-align: left;
  }
}

@media (max-width: 991px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
  textarea,
  select,
  .form-control,
  .default-input,
  .header-search__input,
  .filters__field input,
  .filters__field textarea,
  .select2-search__field,
  .select2-selection__rendered {
    font-size: 1.6rem;
    line-height: 1.5;
  }

  .select2-container .select2-search__field,
  .select2-search--dropdown .select2-search__field {
    font-size: 1.67rem !important;
    line-height: 1.5;
  }

  .select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: 1.7rem !important;
    line-height: 1.5;
  }
}

/* Ad modal responsive helpers */
@media (max-width: 767px) {
  .karetad-modal__header {
    flex-wrap: nowrap;
    gap: 0.6rem;
  }

  .karetad-modal__back {
    flex: 0 0 auto;
    justify-content: flex-start;
    font-size: 1.4rem;
    padding: 0.75rem 1rem;
  }

  .karetad-modal__header-meta {
    flex: 1 1 auto;
    gap: 0.6rem;
    justify-content: flex-end;
  }

  .karetad-modal__favorite .favoriteButton {
    width: 2.8rem;
    height: 2.8rem;
  }

  .karetad-modal__favorite .favoriteButton svg {
    width: 2.3rem;
    height: 2.3rem;
  }

  .karetad-modal__favorite {
    margin-right: 0.4rem;
  }

  .karetad-modal__views .karetads-param__views {
    font-size: 1.2rem;
    gap: 0.2rem;
  }

  .karetad-modal__body {
    padding: 1rem;
  }
}

@media (max-width: 575px) {
  .karetad-modal__header {
    padding-left: max(0.8rem, env(safe-area-inset-left, 0px));
    padding-right: max(0.8rem, env(safe-area-inset-right, 0px));
    gap: 0.6rem;
  }

  .karetad-modal__back {
    font-size: 1.4rem;
    padding: 0.8rem 1.2rem;
  }
}