@media (max-width: 1229px){
    .sv3{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .hidden-s{flex-basis: 100%; /* Заставляет меню занять всю ширину и уйти вниз */
order: 2; 
        justify-content: space-evenly !important;
}
}
@media (max-width: 1200px) {
.px-6{
        gap: 12px;
}
    .md\:gap-x-6 {
        column-gap: 0.6rem !important;
    }
    .md\:text-7xl{
                font-size: 4rem !important;
    }
    .lg\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr))!important;
    }
}
@media (max-width: 1000px) {
    .image-container {
        max-width: 1100px;
    }

    .lg\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .sv-h{
        display: none !important;
    }
}
@media (max-width: 950px) {

    .stt-news-list__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}
@media (max-width: 930px) {
    .lg\:grid-cols-3{
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    
}
}
@media (max-width: 900px) {

    .stt-news-detail {

        padding: 18px 16px 55px;

    }

    .stt-news-detail__layout {

        grid-template-columns: 1fr;

        gap: 30px;

    }

    .stt-news-detail__sidebar {

        position: static;

        order: 2;

    }

    .stt-news-detail__content {

        order: 1;

    }

    .stt-news-detail__related-grid {

        grid-template-columns: repeat(2, 1fr);

    }


    .text-6xll{
            font-size: 2.75rem;
    }
    .nu{
        display: block;
    }
   .grid-cols-3{
            grid-template-columns: repeat(2, minmax(0, 1fr))!important;
    }
    .sv-u{
            row-gap: 34px;
    }
    .text-5xl{
            font-size: 2rem !important;
    }
    .hidden-svtext{
        display: none !important;

    }
    .hiddensv-text{
        display: block;
    }
    
  
   .width-900{
    flex-direction: column;
   }
   .width-text{
    text-align: center !important;
   }
   .text-3xl{
    font-size: 1.375rem !important;
   }
   .car-card{
    justify-content: flex-start !important;
   }
   .flex-colunmn{
        flex-direction: column-reverse!important;

   }
   .py-20{
        padding-bottom: 1rem !important;
   }
   .text-6xl{
        font-size: 2.75rem !important;
   }
   .mt-12{
        margin-top: 1rem !important;
   }
   .py-20{
        padding-top: 3rem !important;
   }
   .sv-width{
    flex-wrap: wrap ;
    justify-content: space-between;

   }
   .py-6 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
}
@media (max-width:850px){
    .flex-r{
        grid-template-columns: 1fr;
    }
.text-xl{
        font-size: 1rem !important;
}
.imgsv {
    display: none !important;
}
}
@media (max-width:768px){
   
    .items-stretch{
        align-items: stretch;
    }
    .text-ut{
        font-size: 1.5rem!important;
            padding-bottom: 18px;
    padding-top: 18px;
    }

.img-s{
    display: none !important;
}
 .hidden-sv{
display: block !important;
 }


}
@media (max-width: 767px) {
  .md\:h-\[520px\]{
                height: 400px;
    }
}
@media (max-width: 750px) {
  
    .hidden-sv{
        display: block!important;
    }
    .py-6{
            padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    }
    .px-11 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
}
.text-xl{
    font-size: 1rem !important;
}
.text-5xl{
    font-size: 2rem !important;
}
.lg\:grid-cols-3 {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.hidden-svtext{
    display: none;
}
.hiddensv-text{
    display: block;
}
.carta{
    display: block;
}
.carta-hidden{
    display: none;
}
.text-2xl{
    font-size: 1.3rem !important;
}
.text-4xl{
        font-size: 2.1rem !important;
}
.imgsv{
    display: none;
}
.img-g{
    max-width: 230px;
}
}
@media (max-width:687px){
    .ol{
        display: block;
    }
    .sv-line{
       display: none !important;
    }
    .sv-line1{
        display: block !important;
    }
}
@media (max-width:618px){
   .max-w-\[180px\] {
    max-width: 350px!important;
}
    .sv-line1{
        display: inline !important;
    }
    .text-6xl{
                font-size: 2.2rem !important;
    }
    .text-2xl{
                font-size: 1.1rem !important;
    }
       .lg\:grid-cols-3 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    .py-5 {
    padding-top: 1rem!important;
    padding-bottom: 1rem !important;
}
.px-14 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
.guk{
    flex-wrap: wrap !important;
    justify-content: center !important;
}
}
@media (max-width:600px){
     .stt-news-list {
        padding: 20px 12px 40px;
    }

    .stt-news-list__header h1,
    .stt-news-list__header h2 {
        font-size: 30px;
    }

    .stt-news-list__header p {
        font-size: 15px;
    }

    .stt-news-list__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .stt-news-card__title {
        font-size: 20px;
    }
    .stt-news-detail {

        padding: 14px 12px 45px;

    }

    .stt-news-detail__breadcrumbs {

        margin-bottom: 18px;

        font-size: 12px;

    }

    .stt-news-detail__title {

        font-size: 30px;

    }

    .stt-news-detail__hero {

        margin-bottom: 28px;

        border-radius: 12px;

    }

    .stt-news-detail__content {

        font-size: 16px;

        line-height: 1.7;

    }

    .stt-news-detail__content h2 {

        margin-top: 32px;

        font-size: 25px;

    }

    .stt-news-detail__content h3 {

        font-size: 20px;

    }

    .stt-news-detail__notice {

        padding: 18px;

    }

    .stt-news-detail__sidebar-card {

        padding: 20px;

    }

    .stt-news-detail__faq-title,

    .stt-news-detail__related-title {

        font-size: 25px;

    }

    .stt-news-detail__cta {

        margin-top: 40px;

        padding: 25px 20px;

        border-radius: 14px;

    }

    .stt-news-detail__cta-title {

        font-size: 23px;

    }

    .stt-news-detail__related-grid {

        grid-template-columns: 1fr;

    }

    .stt-news-detail__related-card {

        display: grid;

        grid-template-columns: 120px 1fr;

    }

    .stt-news-detail__related-image {

        height: 100%;

        aspect-ratio: auto;

    }

    .stt-news-detail__related-body {

    }
}


    @media (max-width: 560px) {
        .text-6xll{
                    font-size: 2.1rem;
        }
        .text-smk{
                font-size: 0.675rem;
        }
    .text-ut{
        font-size: 1.8rem !important;
        padding-bottom: 18px;
        padding-top: 18px
    }
    ul li {
        font-size: 16px !important;
    }

    .img-img {
        max-width: 90px !important;
    } 

    .text-6xl {
        font-size: 2rem !important;
    }

    .text-sm {
        font-size: 0.875rem !important;
    }

    .flex-img {
        display: grid !important;
        grid-template-columns: 3fr 1fr !important;
        gap: 15px !important;
        align-items: start !important;
        text-align: left !important;
    }
}


    /* Исправляем сам блок с текстом */
    .p-text {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    /* Исправляем отступы у галочки (тег p внутри p-text) */
    .p-text p {
        display: flex  !important;
        align-items: flex-start  !important;
        gap: 10px  !important;
        text-align: left  !important;
    }

@media (max-width:535px){
         .text-6xll  {
        font-size: 1.6rem !important;
    }
    .text-smk{
                font-size: 1rem !important;
    }
    .gap-x-3{
        column-gap: 0.5rem !important;
    }

.hidden-m{
    display: none!important;
}
}
@media (max-width:510px){
.thumbnails img {
    width: 100px;
    height: auto;
}
.product-page .thumbnails img {
    width: 100%;
    height: 72px;
}
}
@media (max-width: 400px) {
    .stt-table thead th{
        padding: 5px 10px;
    }
    .stt-table tbody td{
            padding: 13px 5px;
    }
}

html,
body {
    overflow-x: hidden;
    max-width: 100%;
}

img,
video,
iframe {
    max-width: 100%;
}

@media (max-width: 1279px) {
    .sv3,
    .stt-header-bar,
    .stt-header__inner {
        flex-wrap: nowrap !important;
        gap: 8px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .stt-desktop-nav,
    .stt-header__nav,
    .hidden-s,
    .stt-header-phone,
    .stt-header__phone,
    .hidden-sv,
    .stt-cta-desktop,
    .stt-header__cta {
        display: none !important;
    }

    .stt-burger,
    .stt-header__burger,
    .stt-header-call,
    .stt-header__call,
    .stt-header__wa {
        display: inline-flex !important;
    }

    .stt-header {
        padding: 0 !important;
    }

    .stt-header__name {
        font-size: 1.25rem !important;
        letter-spacing: -0.3px !important;
        line-height: 1.1 !important;
    }

    .stt-header__mark {
        width: 40px !important;
        height: 40px !important;
        flex-basis: 40px !important;
        font-size: 16px !important;
    }

    .stt-header__city,
    .stt-city__btn {
        font-size: 9px !important;
        min-height: 22px;
    }

    .stt-city__list {
        min-width: 210px;
    }

    .stt-mobile-menu nav a {
        white-space: normal !important;
        padding: 12px 0;
        font-size: 1.15rem !important;
    }

    .stt-mobile-menu__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin: 8px 0 28px;
    }

    .stt-mobile-menu__actions button,
    .stt-mobile-menu__actions a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 12px 10px;
        border: 0;
        border-radius: 14px;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
        text-align: center;
    }

    .stt-mobile-menu__actions button {
        background: #0a2540;
        color: #fff;
    }

    .stt-mobile-menu__actions a {
        background: #ecfdf5;
        color: #0a2540;
    }

    .stt-mobile-menu__actions a.stt-header__wa-link {
        grid-column: 1 / -1;
        background: #16a34a;
        color: #fff;
    }

    header,
    .stt-header {
        padding: 0 !important;
    }

    .header-logo p.heading-font,
    .stt-header__name {
        font-size: 1.25rem !important;
        letter-spacing: -0.3px !important;
        line-height: 1.1 !important;
    }

    .px-6 {
        gap: 8px !important;
    }

    .stt-home-top,
    .stt-page-top {
        display: flex;
        flex-direction: column;
    }

    .stt-home-top > .hero-bg,
    .stt-page-top > .hero-bg,
    .stt-page-top > .stt-banner {
        order: 1;
    }

    .stt-home-cats,
    .stt-page-top > .hd {
        order: 2;
        width: 100%;
        padding-top: 4px;
        padding-bottom: 8px;
        background: #fff;
    }

    .menu-2 {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        justify-content: stretch !important;
        overflow: visible !important;
        gap: 8px !important;
        margin: 12px 0 16px !important;
        padding-bottom: 0;
    }

    .menu-2 .nav-s {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        box-sizing: border-box;
        min-height: 78px;
        padding: 12px 6px !important;
        border-radius: 16px !important;
        background: #f4f7f8 !important;
        border: 1px solid #e6ecee;
        color: #0a2540 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        font-size: 14px !important;
        font-weight: 600;
        line-height: 1.25;
        text-align: center;
        white-space: normal !important;
        gap: 6px !important;
    }

    .menu-2 .nav-s i {
        font-size: 20px;
        color: #059669;
    }

    .menu-2__full {
        display: none !important;
    }

    .menu-2__short {
        display: block !important;
    }

    .menu-2 .nav-s:nth-child(1) { grid-column: 1 / 3; }
    .menu-2 .nav-s:nth-child(2) { grid-column: 3 / 5; }
    .menu-2 .nav-s:nth-child(3) { grid-column: 5 / 7; }
    .menu-2 .nav-s:nth-child(4) { grid-column: 2 / 4; }
    .menu-2 .nav-s:nth-child(5) { grid-column: 4 / 6; }

    .menu-2 .nav-s:hover {
        opacity: 1;
        background: #ecfdf5 !important;
        box-shadow: none;
    }
}

@media (max-width: 1023px) {
    .hero-bg {
        background-attachment: scroll !important;
        min-height: 0 !important;
        padding: 28px 0 36px;
    }

    .hero {
        min-height: 0 !important;
        padding-top: 28px !important;
        padding-bottom: 36px !important;
    }

    .px-8,
    .md\:px-8 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .py-20 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .flex-r,
    .display-sv,
    .dispale-r {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .buttons {
        grid-template-columns: 1fr !important;
    }

    .grid.xl\:grid-cols-4,
    .grid.lg\:grid-cols-3,
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .md\:grid-cols-3 {
        grid-template-columns: 1fr !important;
    }

    .stt-news-list__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    footer .grid.grid-cols-3,
    .sv-u {
        grid-template-columns: 1fr 1fr !important;
        gap: 24px !important;
        column-gap: 24px !important;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 17px;
    }

    p,
    li,
    .prose,
    .prose p {
        font-size: 1.0625rem !important;
        line-height: 1.55 !important;
    }

    .header-logo .w-11,
    .stt-header__mark {
        width: 2.25rem !important;
        height: 2.25rem !important;
        flex-basis: 2.25rem !important;
        font-size: 1rem !important;
    }

    .header-logo p.heading-font,
    .stt-header__name {
        font-size: 1.2rem !important;
    }

    .hero-bg h1,
    .heading-font.text-6xl,
    .heading-font.text-7xl,
    .md\:text-7xl,
    .text-6xl,
    .text-7xl,
    .text-5xl {
        font-size: 2.15rem !important;
        letter-spacing: 0 !important;
        line-height: 1.25 !important;
        margin-bottom: 12px !important;
    }

    .hero-bg .text-2xl,
    .text-2xl {
        font-size: 1.15rem !important;
        line-height: 1.45 !important;
        margin-bottom: 16px !important;
    }

    .hero-bg .inline-flex.items-center {
        margin-bottom: 12px !important;
        padding: 8px 12px !important;
        font-size: 15px !important;
    }

    .hero-bg .flex.flex-wrap.gap-4 {
        display: flex !important;
        flex-direction: column;
        gap: 12px !important;
        width: 100%;
    }

    .hero-bg .flex.flex-wrap.gap-4 a,
    .hero-bg a.px-11 {
        width: 100%;
        justify-content: center !important;
        padding: 16px 20px !important;
        font-size: 17px !important;
        border-radius: 18px !important;
        transform: none !important;
        box-shadow: none !important;
        gap: 10px !important;
    }

    .stt-mobile-stats {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 8px;
        margin-top: 16px;
    }

    .stt-mobile-stats div {
        padding: 10px 6px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.14);
        text-align: center;
    }

    .stt-mobile-stats strong {
        display: block;
        font-size: 1.5rem;
        line-height: 1.2;
        font-family: 'Space Grotesk', sans-serif;
    }

    .stt-mobile-stats span {
        display: block;
        margin-top: 2px;
        font-size: 13px;
        color: rgba(255, 255, 255, 0.75);
    }

    .hero-bg .mt-14 {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 8px !important;
        margin-top: 12px !important;
        align-items: stretch !important;
    }

    .hero-bg .mt-14 > div {
        margin: 0 !important;
        padding: 10px 12px !important;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.12);
        max-width: none !important;
    }

    .hero-bg .mt-14 .flex.-space-x-3 {
        display: none !important;
    }

    .hero-bg .mt-14 .text-lg {
        font-size: 16px !important;
    }

    .grid.xl\:grid-cols-4,
    .grid.lg\:grid-cols-3,
    .lg\:grid-cols-3,
    .sm\:grid-cols-2 {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .grid-cols-3,
    .md\:grid-cols-12,
    footer .grid.grid-cols-3,
    .sv-u,
    .grid.md\:grid-cols-3 {
        grid-template-columns: 1fr !important;
    }

    .stt-news-list__grid {
        grid-template-columns: 1fr !important;
    }

    .car-card {
        transform: none !important;
    }

    .car-card .p-6,
    .car-card__body {
        padding: 16px !important;
    }

    .car-card h3,
    .car-card__title {
        font-size: 1.2rem !important;
    }

    .car-card .text-3xl,
    .car-card .text-emerald-600,
    .car-card__price {
        font-size: 1.2rem !important;
        color: #0a2540 !important;
    }

    .car-card .h-56,
    .car-card__photo img {
        height: 12rem !important;
    }

    .width-900,
    .width-text {
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    .thumbnails img {
        width: 84px;
        height: 60px;
    }

    .modal-i {
        padding: 72px 12px;
    }

    .modal-content {
        max-width: 100%;
    }

    .carta-hidden .absolute.bottom-8 {
        display: none !important;
    }

    .stt-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #contacts.grid,
    #contacts .grid,
    section .grid.md\:grid-cols-12 {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    footer,
    .stt-footer {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .stt-partners {
        margin-bottom: 32px !important;
        padding-bottom: 28px !important;
    }

    .stt-partners__title {
        font-size: 22px !important;
    }

    .stt-partners__grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
    }

    .stt-partners__card {
        min-height: 80px !important;
        padding: 12px !important;
    }

    .stt-news-list {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 768px) {
    .stt-faq {
        padding: 48px 0 56px;
    }

    .stt-faq__inner {
        padding: 0 16px;
    }

    .stt-faq__title {
        font-size: 28px;
    }

    .stt-faq__lead {
        margin-bottom: 22px;
        font-size: 15px;
    }

    .stt-faq__question {
        padding: 16px 14px 16px 16px;
        gap: 12px;
    }

    .stt-faq__question h3 {
        font-size: 16px;
    }

    .stt-faq__question::after {
        width: 30px;
        height: 30px;
        font-size: 20px;
    }

    .stt-faq__answer {
        padding: 0 16px 16px;
    }
}

@media (max-width: 480px) {
    .menu-2 {
        grid-template-columns: 1fr 1fr !important;
    }

    .menu-2 .nav-s:nth-child(1),
    .menu-2 .nav-s:nth-child(2),
    .menu-2 .nav-s:nth-child(3),
    .menu-2 .nav-s:nth-child(4) {
        grid-column: auto;
    }

    .menu-2 .nav-s:nth-child(5) {
        grid-column: 1 / -1;
    }

    .px-8,
    .px-6,
    .md\:px-8 {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .hero-bg h1,
    .text-6xl,
    .text-7xl {
        font-size: 1.9rem !important;
    }

    .menu-2 .nav-s {
        font-size: 15px !important;
    }

    .stt-partners__grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 1023px) {
    .product-page .flex-r {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "photo"
            "thumbs"
            "info"
            "note" !important;
    }
}

@media (max-width: 767px) {
    .product-page h1,
    .product-page h1.heading-font,
    .product-page h1.heading-font.text-6xl,
    .product-page h1.text-6xl,
    .product-page h1.md\:text-6xl {
        font-size: 1.35rem !important;
        line-height: 1.22 !important;
        letter-spacing: -0.02em !important;
        margin: 0 0 8px !important;
        font-weight: 600 !important;
    }

    .product-page .product-info > p {
        margin: 0 0 2px !important;
        font-size: 11px !important;
        letter-spacing: 0.06em !important;
    }

    .product-page .product-info .price,
    .product-page .product-info .price p {
        font-size: 1.95rem !important;
        line-height: 1.1 !important;
        font-weight: 700 !important;
        letter-spacing: -0.03em !important;
    }

    .product-page .product-info .price {
        margin: 0 0 12px !important;
        padding: 0 0 4px !important;
    }
}

@media (max-width: 480px) {
    .product-page h1,
    .product-page h1.heading-font,
    .product-page h1.heading-font.text-6xl,
    .product-page h1.text-6xl {
        font-size: 1.28rem !important;
        line-height: 1.2 !important;
    }

    .product-page .product-info .price,
    .product-page .product-info .price p {
        font-size: 1.85rem !important;
    }
}

@media (max-width: 767px) {
    .stt-table tbody tr.stt-row-same,
    .car-specs-table tbody tr.stt-row-same {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .stt-table tbody tr.stt-row-same td:first-child,
    .car-specs-table tbody tr.stt-row-same td:first-child {
        width: auto !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
    }

    .stt-table tbody tr.stt-row-same td:nth-child(2),
    .car-specs-table tbody tr.stt-row-same td:nth-child(2) {
        display: inline-block !important;
        width: auto !important;
        max-width: 54%;
        margin: 0 !important;
        padding: 10px 12px !important;
        background: #e7f6ee;
        border-radius: 12px;
        text-align: center;
        font-size: 15px !important;
        font-weight: 600;
    }
}