@media (min-width: 1601px) {
  .main_page .intro_bg,
  .order_page .intro_bg {
    object-fit: cover;
  }
  .about_page .intro_bg {
    width: 1600px;
  }
  .contacts_page .intro_bg,
  .faq_page .intro_bg {
    width: 688px;
  }
  .review_page .intro_bg {
    width: 528px;
  }
  .contacts_page .intro::after,
  .faq_page .intro::after {
    background: linear-gradient(
      to right,
      var(--black) 52%,
      rgba(18, 20, 24, 0) 72%
    );
  }
  .detailing_page .intro::after {
    background:
      linear-gradient(
        to right,
        var(--black) 52%,
        rgba(18, 20, 24, 0) 72%
      ),
      linear-gradient(to top, var(--black), rgba(18, 20, 24, 0) 35%);
  }
  .review_page .intro::after {
    background: linear-gradient(
      to right,
      var(--black) 59%,
      rgba(18, 20, 24, 0) 78%
    );
  }
}

.burger {
  display: none;
  width: 44px;
  height: 44px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: transparent;
  border: 1px solid var(--transp-gold);
  border-radius: 8px;
  cursor: pointer;
}
.burger span {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 2px;
  background: var(--grad-gold);
}

.mobile_menu {
  position: fixed;
  inset: 0;
  z-index: 1000;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}
.mobile_menu__overlay {
  position: absolute;
  inset: 0;
  background: rgba(18, 20, 24, 0.6);
  opacity: 0;
  transition: opacity 0.3s;
}
.mobile_menu__panel {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: min(360px, 88vw);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 20px calc(24px + env(safe-area-inset-bottom, 0px));
  background: var(--grad-black);
  border-left: 1px solid var(--transp-gold);
  transform: translateX(100%);
  transition: transform 0.35s ease;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.mobile_menu.is-open {
  visibility: visible;
  pointer-events: auto;
}
.mobile_menu.is-open .mobile_menu__overlay {
  opacity: 1;
}
.mobile_menu.is-open .mobile_menu__panel {
  transform: translateX(0);
}
body.menu-open {
  overflow: hidden;
}

.mobile_menu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.mobile_menu__head .logo img {
  max-width: 180px;
  max-height: 39px;
}
.mobile_menu__close {
  position: relative;
  flex: none;
  width: 44px;
  height: 44px;
  background: transparent;
  border: 1px solid var(--transp-gold);
  border-radius: 8px;
  cursor: pointer;
}
.mobile_menu__close span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: var(--grad-gold);
}
.mobile_menu__close span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
.mobile_menu__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.mobile_menu__list {
  display: flex;
  flex-direction: column;
}
.mobile_menu__list a {
  display: block;
  padding: 14px 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: var(--white);
  border-bottom: 1px solid rgba(192, 149, 107, 0.2);
  transition: color 0.15s;
}
.mobile_menu__list a:hover {
  color: var(--gold);
}
.mobile_menu__cta {
  text-align: center;
}
.mobile_menu__contacts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
}
.mobile_menu__contacts a {
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: var(--light);
}
.mobile_menu__contacts a:hover {
  color: var(--gold);
}

@media (max-width: 1180px) {
  .connect_form,
  .message {
    min-width: 0;
    width: 100%;
  }
  .footer_items > div {
    min-width: 0;
  }
  .stages_items {
    flex-wrap: wrap;
    align-items: stretch;
  }
  .stages_arrow {
    display: none;
  }
  .offfer_items {
    flex-wrap: wrap;
    justify-content: center;
  }
  .detailing_item span {
    width: 100%;
    overflow-wrap: normal;
  }
  .detailing_items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
    align-items: start;
    width: 100%;
    max-width: 600px;
    gap: 24px;
  }
  .detailing_item {
    max-width: none;
  }
  .detailing_items .det_133px {
    max-width: none !important;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .detailing_size {
    padding-left: 20px;
    padding-right: 20px;
  }

  .questions_info,
  .identity_info {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .questions {
    background-size: 56%;
    background-position: right -139px bottom 50%;
  }
  h2 {
    font-size: 46px;
  }
  h3 {
    font-size: 36px;
  }
  .intro_top h2 {
    width: 70%;
  }
  .intro_top p {
    width: 60%;
  }
  .popular_top h3,
  .set_top h3 {
    width: 90%;
  }
  .guide_top p,
  .detailing p {
    width: 70%;
  }
  .conect_info h3 {
    width: 100%;
  }
  .credit_items {
    gap: 24px;
  }
  .credit_item {
    width: 100%;
  }
  .credit_item img {
    width: 100%;
    height: auto;
    aspect-ratio: 570 / 300;
  }
  .rev_items {
    gap: 24px;
  }
  .rev_item {
    flex: 1 1 300px;
    max-width: 100%;
  }
  .invest_items {
    gap: 24px;
  }

  .catalog_img img {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 289 / 180;
  }
  .serv_img img {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 380 / 260;
  }
  .disks_item img {
    width: 100%;
    height: auto;
    aspect-ratio: 280 / 200;
  }
  .work_item_one img {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 280 / 154;
  }
  .work_item_two {
    width: 100%;
  }
  .work_item_two img {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: auto;
    aspect-ratio: 267 / 154;
  }
  .invest_img_top img,
  .invest_img_bott img {
    flex: 1 1 0;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: auto;
    aspect-ratio: 326 / 227;
  }
  .popular_item {
    min-width: 0;
  }
}

@media (max-width: 1024px) {
  h2 {
    font-size: 40px;
  }
  h3 {
    font-size: 32px;
  }

  .catalog,
  .set,
  .popular,
  .services,
  .questions,
  .reviews,
  .stages,
  .invest,
  .works,
  .credit,
  .local,
  .detailing,
  .comment,
  .contacts,
  .indiv,
  .conection {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .questions_tag {
    padding-top: 0px;
  }
  .guide_info {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .intro {
    padding-bottom: 64px;
  }
  .intro_info {
    margin-top: 72px;
  }

  .catalog_items {
    grid-template-columns: repeat(2, 1fr);
  }
  .disks_items {
    grid-template-columns: repeat(2, 1fr);
  }
  .services_items {
    grid-template-columns: repeat(2, 1fr);
  }

  .credit_items {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .credit_item {
    max-width: 570px;
  }

  .stages_item {
    flex: 1 1 200px;
    min-width: 0;
    max-width: none;
  }

  .in_details {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
    flex-wrap: wrap;
  }

  .indentity p {
    width: 60%;
  }
  .detailing h3 {
    width: 70%;
  }
  .indiv_top h3 {
    width: 80%;
  }

  .contacts_page .intro_top h2 {
    width: 60%;
  }

  .offer_top {
    flex-wrap: wrap;
    gap: 16px;
  }
  .offfer_items {
    flex-wrap: wrap;
    justify-content: center;
  }

  .questions {
    background-size: 48%;
    background-position: right -90px bottom 50%;
  }
}
@media (max-width: 951px) {
  .questions {
    background-size: 43%;
    background-position: right -71px bottom 50%;
  }
}

@media (max-width: 900px) {
  .conect_form_top {
    align-items: stretch;
  }
  .guide__budget-row .guide__budget-input {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
  }

  /* шапка */
  .head_list,
  .head_btn {
    display: none;
  }
  .burger {
    display: flex;
  }
  .logo img {
    max-width: 200px;
    max-height: 44px;
  }

  h2 {
    font-size: 34px;
  }
  h3 {
    font-size: 28px;
  }

  .catalog,
  .set,
  .popular,
  .services,
  .questions,
  .reviews,
  .stages,
  .invest,
  .works,
  .credit,
  .local,
  .detailing,
  .comment,
  .contacts,
  .indiv,
  .conection {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .questions_tag {
    padding-top: 56px;
  }
  .guide_info {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .intro {
    padding-bottom: 56px;
  }
  .intro_info {
    margin-top: 56px;
  }

  .intro_top h2,
  .intro_top p,
  .order_page .intro_top h2,
  .order_page .intro_top p,
  .contacts_page .intro_top h2,
  .review_page .intro_top p,
  .disk_page .intro_top p,
  .about_page .intro_top p {
    width: 100%;
  }
  .intro_btns {
    flex-wrap: wrap;
    gap: 16px;
  }

  .main_page .intro_bg,
  .about_page .intro_bg,
  .order_page .intro_bg,
  .contacts_page .intro_bg,
  .review_page .intro_bg,
  .faq_page .intro_bg,
  .disk_page .intro_bg {
    width: 100%;
    max-width: none;
    height: auto;
    right: 0;
    left: 0;
    bottom: 0;
    top: auto;
    object-fit: contain;
    object-position: bottom right;
    transform: none;
  }
  .review_page .intro_bg {
    top: 0;
    bottom: auto;
    object-position: top right;
  }
  .main_page .intro_bg,
  .about_page .intro_bg,
  .order_page .intro_bg,
  .detailing_page .intro_bg,
  .disk_page .intro_bg {
    opacity: 0;
  }
  .contacts_page .intro_bg,
  .review_page .intro_bg,
  .faq_page .intro_bg {
    opacity: 0.7;
  }
  .detailing_page .intro_bg {
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 65% center;
    transform: none;
    opacity: 0.45;
  }
  .detailing_page .intro::after {
    background: linear-gradient(
      to right,
      rgba(18, 20, 24, 0.9),
      rgba(18, 20, 24, 0.35)
    );
  }

  /* in_details */
  .in_details {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 32px;
  }
  .in_details_i {
    gap: 16px;
  }
  .about_page .in_details_i,
  .disk_page .in_details_i {
    padding: 0 !important;
    border: none !important;
  }
  .in_details_i:first-of-type,
  .in_details_i:nth-child(2) {
    padding-right: 0;
  }
  .in_details_i:nth-child(3) {
    padding-left: 0;
  }

  /* choice */
  .choice {
    padding: 20px 24px;
  }
  .dropdown {
    flex: 1 1 100%;
    min-width: 0;
  }

  .catalog_top {
    flex-wrap: wrap;
    gap: 12px;
  }
  .catalog_list {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px;
  }

  .conect_info {
    /* max-width: 100%; */
    width: 100%;
  }
  .conect_form_top {
    flex-wrap: wrap;
    gap: 16px;
  }
  .connect_input {
    flex: 1 1 240px;
  }
  .connect_input input {
    min-width: 0;
    width: 100%;
  }
  .message textarea {
    min-width: 0;
    width: 100%;
  }

  /* guide / indiv */
  .guide__col,
  .guide__col .guide__dropdown {
    width: 100%;
    max-width: 100%;
  }
  .guide .guide_serv {
    width: 100% !important;
    max-width: 100% !important;
  }
  .guide__budget-input {
    width: 100%;
    max-width: 100%;
  }
  .guide_top p {
    width: 100%;
  }
  .guide_bg {
    width: 900px;
    opacity: 0.5;
  }
  .indiv_form {
    flex-wrap: wrap;
    gap: 16px;
  }
  .input-box {
    flex: 1 1 240px;
  }
  .input-box input {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }
  .indiv_textarea textarea {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }
  .indiv_btn .btn_gold {
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }
  .indiv_top h3 {
    width: 100%;
  }

  /* invest / works */
  .invest_items {
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }
  .invest_img {
    gap: 16px;
  }
  .works_items {
    flex-wrap: wrap;
    gap: 16px;
  }
  .woks_bott {
    align-items: stretch;
  }

  /* review */
  .comm_info {
    flex-wrap: wrap;
    gap: 16px;
  }
  .comm_items {
    flex-wrap: wrap;
  }
  .comm_item {
    flex: 1 1 320px;
    max-width: 100%;
  }

  /* contacts */
  .cont_info {
    flex-direction: column;
    gap: 24px;
  }
  .map,
  .map iframe {
    width: 100%;
    max-width: 100%;
  }
  .contacts_item {
    gap: 12px;
  }
  .contacts_item p {
    width: auto;
  }
  .quest_btn {
    max-width: 100%;
  }

  /* footer */
  .footer_items {
    flex-wrap: wrap;
    gap: 32px 40px;
  }
  .footer_bott {
    flex-wrap: wrap;
    gap: 12px;
  }
  .questions {
    background-size: min(40%, 220px);
    background-position: right 16px top 16px;
  }
}

@media (max-width: 768px) {
  .footer_items a,
  .footer_items span,
  .footer_bott {
    overflow-wrap: anywhere;
  }

  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 24px;
  }

  .catalog,
  .set,
  .popular,
  .services,
  .questions,
  .reviews,
  .stages,
  .invest,
  .works,
  .credit,
  .local,
  .detailing,
  .comment,
  .contacts,
  .indiv,
  .conection,
  .guide_info {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .questions_tag {
    padding-top: 48px;
  }
  .intro {
    padding-bottom: 48px;
  }
  .intro_info {
    margin-top: 48px;
  }
  .intro_top {
    margin-bottom: 28px;
  }
  .intro_btns {
    margin-top: 28px;
  }

  .btn_gold_sh,
  .btn_transp {
    padding: 14px 28px;
    font-size: 16px;
  }

  .catalog_items {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .services_items {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .services_item {
    margin-top: 16px;
  }
  .disks_items {
    gap: 12px;
  }

  .set_items {
    flex-wrap: wrap;
    gap: 20px;
  }
  .set_item {
    min-width: 0;
    flex: 1 1 180px;
  }
  .popular_items {
    flex-wrap: wrap;
    gap: 20px;
  }
  .popular_item {
    flex: 1 1 240px;
  }

  /* identity */
  .indentity {
    background: var(--black);
  }
  .indentity img {
    display: none;
  }
  .indentity::after {
    background: var(--black);
  }
  .identity_info {
    align-items: flex-start;
    text-align: left;
  }
  .indentity p {
    width: 100%;
    text-align: left;
  }
  .identity_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 24px;
  }

  .faq-question {
    font-size: 18px;
  }
  .faq-question__icon {
    font-size: 20px;
  }
  .faq-answer__inner {
    padding: 10px;
    font-size: 13px;
  }

  /* reviews */
  .reviews_title {
    flex-wrap: wrap;
    gap: 16px;
  }
  .rev_items {
    flex-direction: column;
    gap: 24px;
  }
  .rev_item {
    flex: none;
    max-width: 100%;
  }

  /* connection */
  .conection {
    min-height: 0;
    padding-bottom: 48px;
  }
  .conect_info {
    margin-top: 48px;
    padding: 16px;
  }

  /* stages */
  .stages_items {
    gap: 12px;
  }
  .stages_item {
    flex: 1 1 45%;
  }

  /* credit */
  .credit_item h4 {
    font-size: 20px;
  }

  /* offer */
  .offfer_items {
    gap: 8px;
  }
  .offer_item {
    min-width: 0;
    flex: 1 1 150px;
    max-width: none;
  }
  .order_page .offer_item.w_152px,
  .order_page .offer_item.w_198px {
    min-width: 0;
    max-width: none;
  }

  /* detailing block */
  .detailing p {
    width: 80%;
  }
  /* .detailing_item {
    max-width: none;
    flex: 1 1 130px;
  } */
  /* .detailing_item span {
    width: 100%;
  } */
  .detailing_list {
    grid-template-columns: repeat(2, 1fr);
    /* width: 100%; */
  }

  /* guide */
  .guide_bg {
    width: 700px;
    opacity: 0.35;
  }

  /* invest */
  .invest_btns {
    flex-wrap: wrap;
    gap: 12px;
  }

  /* works */
  .work_item_one,
  .work_item_two {
    flex: 1 1 100%;
  }
  .work_item_two > div {
    gap: 8px;
  }
  .work_item_two span {
    font-size: 12px;
  }

  /* footer */
  .footer_items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
  }
  .footer .logo {
    grid-column: 1 / -1;
  }
  .logo img {
    max-width: 200px;
  }
}

@media (max-width: 600px) {
  .btn_gold_sh,
  .btn_transp,
  .btn_gold {
    max-width: 100%;
    text-align: center;
    overflow-wrap: anywhere;
  }
  .btn_arrow > span {
    min-width: 0;
    justify-content: center;
  }
  .gold_tag {
    font-size: 12px;
    line-height: 150%;
  }
  .connect_conf {
    align-items: flex-start;
  }
  .connect_conf label[for="agree"] {
    line-height: 140%;
  }

  h2 {
    font-size: 26px;
  }
  h3 {
    font-size: 22px;
  }

  .catalog,
  .set,
  .popular,
  .services,
  .questions,
  .reviews,
  .stages,
  .invest,
  .works,
  .credit,
  .local,
  .detailing,
  .comment,
  .contacts,
  .indiv,
  .conection,
  .guide_info {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .questions_tag {
    padding-top: 40px;
  }
  .intro {
    padding-bottom: 40px;
  }
  .intro_info {
    margin-top: 40px;
  }
  .custom-dash {
    width: 30px;
  }
  .btn_gold_sh,
  .btn_transp {
    padding: 12px 24px;
    font-size: 15px;
  }

  .catalog_items,
  .services_items,
  .disks_items {
    grid-template-columns: 1fr;
  }
  .catalog_item h4,
  .services_item h4 {
    font-size: 18px;
  }

  .catalog_list {
    gap: 8px;
  }
  .catalog_list li {
    padding: 6px 16px;
    font-size: 13px;
  }

  .set_item {
    flex: 1 1 100%;
    max-width: 320px;
  }
  .popular_item {
    flex: 1 1 100%;
    max-width: 320px;
  }

  .in_details {
    gap: 16px 24px;
  }
  .details_info h4 {
    font-size: 18px;
  }
  .details_info p {
    font-size: 13px;
  }

  .identity_list {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .faq-question {
    font-size: 16px;
    gap: 12px;
  }

  .stages_item {
    flex: 1 1 100%;
  }

  .credit_item p {
    width: auto;
  }

  /* .detailing_list {
    grid-template-columns: 1fr;
  } */

  .rev_person {
    gap: 12px;
  }
  .rev_person h4 {
    font-size: 16px;
  }

  .comm_item {
    flex: 1 1 100%;
  }
  .comm_person {
    gap: 12px;
  }
  .comm_person h4 {
    font-size: 16px;
  }
  .comm_img img {
    max-width: 88px;
    max-height: 66px;
  }

  .contacts_item {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .contacts_item p {
    width: 100%;
    text-align: left;
  }

  .footer_items {
    gap: 24px 20px;
  }
  .footer_bott {
    flex-direction: column;
    align-items: flex-start;
  }
  .faq-question__icon i {
    font-size: 40px !important;
  }
  .conection {
    padding-left: 20px;
    padding-right: 20px;
  }
  .intro_top p {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  h2 {
    font-size: 23px;
  }
  h3 {
    font-size: 20px;
  }

  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  .detailing_size {
    padding-left: 16px;
    padding-right: 16px;
  }

  .intro_info {
    margin-top: 32px;
  }

  .btn_gold_sh,
  .btn_transp {
    padding: 12px 20px;
    font-size: 14px;
  }

  .intro_btns {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .intro_btns a {
    text-align: center;
    justify-content: center;
  }

  .choice {
    padding: 16px;
  }
  .choice__head {
    gap: 8px;
    margin-bottom: 12px;
  }
  .dropdown__toggle {
    padding: 14px 12px;
  }

  .in_details {
    flex-direction: column;
    gap: 16px;
  }
  .disk_page .in_details,
  .detailing_page .in_details {
    align-items: stretch;
  }
  .detailing_page .in_details_i {
    padding: 0;
    border: none;
  }
  .disk_page .in_details_icon,
  .detailing_page .in_details_icon {
    flex: none;
  }
  .disk_page .details_info,
  .detailing_page .details_info {
    min-width: 0;
  }

  .identity_list {
    grid-template-columns: 1fr;
  }

  .set_items,
  .popular_items {
    flex-direction: column;
    align-items: stretch;
  }
  .set_item,
  .popular_item {
    max-width: 100%;
  }

  .offfer_items {
    flex-direction: column;
    align-items: stretch;
  }
  .offer_plus {
    font-size: 28px;
    line-height: 1;
    text-align: center;
  }
  .offer_item {
    flex: 1 1 auto;
  }

  .detailing_items {
    gap: 20px;
  }
  .detailing_item {
    flex: 1 1 100%;
  }

  .guide_bg {
    display: none;
  }

  .indiv_form,
  .conect_form_top {
    flex-direction: column;
    align-items: stretch;
  }
  .input-box,
  .connect_input {
    flex: 1 1 auto;
  }

  .conect_info {
    padding: 14px;
  }

  .invest_img_top,
  .invest_img_bott {
    gap: 6px;
  }
  .invest_img i {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
  }

  .catalog_filters {
    padding: 8px 10px 4px;
    font-size: 13px;
  }

  .footer_items {
    grid-template-columns: 1fr;
  }
  .footer_bot_i {
    flex-wrap: wrap;
    gap: 8px 12px;
  }
}
@media (max-width: 380px) {
  .faq__accordion {
    max-width: 340px;
    margin-top: 20px;
  }
  .message textarea {
    min-height: 80px;
  }
  .credit_item img {
  object-position: 0px -62px;
}
}

@media (max-width: 360px) {
  h2 {
    font-size: 21px;
  }
  h3 {
    font-size: 19px;
  }

  .container {
    padding-left: 12px;
    padding-right: 12px;
  }
  .detailing_size {
    padding-left: 12px;
    padding-right: 12px;
  }

  .btn_gold_sh,
  .btn_transp {
    padding: 11px 16px;
    font-size: 13px;
  }

  .catalog_list li {
    padding: 6px 12px;
    font-size: 12px;
  }
  .custom-dash {
    width: 15px;
  }
  .choice {
    padding: 12px;
  }

  .faq-question {
    font-size: 15px;
  }

  .conect_info {
    padding: 12px;
  }

  .comm_img {
    flex-wrap: wrap;
  }

  .footer_items {
    grid-template-columns: 1fr;
  }

  .mobile_menu__panel {
    width: 100%;
  }
  .mobile_menu__list a {
    font-size: 17px;
    padding: 12px 0;
  }
}

@media (max-width: 1180px) {
  .head {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 480px) {
  .head {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 360px) {
  .head {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 768px) {
  .detailing img {
    transform: none;
    opacity: 0.35;
    object-fit: cover;
    object-position: center;
  }
}

@media (max-width: 768px) {
  .local_info .gold_tag {
    align-self: flex-start;
  }
}

@media (max-width: 600px) {
  .guide__budget-row {
    flex-wrap: wrap;
    gap: 8px;
  }
  .guide__budget-input {
    height: 32px;
  }
}

@media (max-width: 1100px) {
  .logo img {
    max-width: 210px;
  }
  .logo,
  .head_btn {
    flex: none;
  }
  .head_list {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
    gap: 24px;
  }
  .head_btn .btn_gold_sh {
    padding: 12px 22px;
    font-size: 15px;
    white-space: nowrap;
  }
}
@media (max-width: 1000px) {
  .head_list {
    gap: 18px;
  }
  .head_list li {
    font-size: 13px;
  }
  .head_btn .btn_gold_sh {
    padding: 11px 18px;
    font-size: 14px;
  }
}
@media (max-width: 950px) {
  .head_list {
    gap: 14px;
  }
  .head_btn .btn_gold_sh {
    padding: 10px 14px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  .disk_page .indiv img,
  .detailing_page .indiv img {
    opacity: 0.45;
  }
}

@media (max-width: 900px) {
  .about_page .intro_bg {
    width: 100%;
    max-width: none;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    object-position: 60% center;
    transform: none;
    opacity: 0.45;
  }
  .about_page .intro::after {
    background: linear-gradient(
      to top,
      var(--black) 0%,
      rgba(18, 20, 24, 0.85) 35%,
      rgba(18, 20, 24, 0.6) 70%,
      rgba(18, 20, 24, 0.75) 100%
    );
  }
}

@media (max-width: 900px) {
  .logo img {
    max-width: 200px;
    max-height: 44px;
  }
}