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: transparent;
    border: none;
    padding: 0;
    border-radius: 0;
  }

  .brand__logo__img {
    border-radius: 0;
  }

  .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);
  }
}

@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 {
    color: #e55637;
  }
}

@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: 6px;
  }

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

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

  .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;
    width: calc(100vw - 2.4rem) !important;
    min-width: calc(100vw - 2.4rem) !important;
    left: 50% !important;
    right: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !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;
    max-width: calc(100vw - 2.4rem) !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: 1.2rem;
  }

  .karetads__grid.karetads__row .karetad .karetad__link .karetad__image__wrapper {
    flex: 0 0 15rem;
    width: 15rem;
    height: 15rem;
  }

  .karetads__grid.karetads__row .karetad .karetad__link .karetad__content {
    flex: 1 1 auto;
    width: auto;
    padding: 1.2rem;
  }

  .karetads__grid.karetads__row .karetad .karetad__link .karetad__content .row {
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 0.8rem 1.2rem;
  }

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

  .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-ads {
    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-ad__grid {
    grid-template-columns: 1fr;
  }

  .create-ad-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-ads > .container > .row:nth-of-type(2) > .col-lg-3 {
    order: 2;
  }

  .archive-ads > .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__item {
    height: 7rem;
  }

  .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) {
  .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: 0.8rem;
  }

  .karetads__grid.karetads__row .karetad .karetad__link .karetad__image__wrapper {
    flex: 0 0 12rem;
    width: 12rem;
    height: 12rem;
  }

  .karetads__grid.karetads__row .karetad .karetad__link .karetad__content .row {
    flex-wrap: wrap;
  }

  .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.4rem;
    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.7rem;
    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;
  }
}