/* кошкодавам.нет — мобильная версия (≤ 900px). Мобильного макета в Figma нет:
   адаптация desktop-секций в поток, те же шрифты/цвета/ассеты, без новых элементов. */

.page{width:100%;height:auto;overflow:hidden;--pad:16px}
.sec{position:relative;top:auto;left:auto;width:100%;height:auto}
.page > .abs.splatter{display:none}
.sec .abs{position:static;left:auto;top:auto;width:auto;height:auto}
.sec img.abs{display:none}              /* декоративные формы/мазки/стрелки скрываем, фото включаем точечно */
.h40{font-size:26px;line-height:1.2;letter-spacing:-.8px;white-space:normal}
.tittle{width:auto;padding:0 var(--pad)}
.tittle h2{font-size:36px;letter-spacing:-.4px}
.tittle p{width:auto;font-size:16px;line-height:24px}
.cards{width:auto;gap:12px;padding:0 var(--pad)}
.card,.card--tall{width:100%;height:auto;padding:20px 16px;gap:12px}
.card__h,.card--wrap .card__h{font-size:20px;white-space:normal;line-height:1.3}
.card__p{font-size:15px}
.btn-orange{font-size:16px}
.flipx{transform:scaleX(-1)}

.pic{display:contents}

/* header */
.header{height:64px;z-index:20;position:sticky;top:0}
.brand{left:var(--pad);top:8px;width:auto;gap:10px;height:48px}
.brand__logo{width:100px;height:48px}
.brand__tag{font-size:9px}
.burger{position:absolute;right:var(--pad);top:20px;width:28px;height:24px;display:flex;flex-direction:column;justify-content:space-between;padding:2px 0}
.burger span{display:block;height:2px;background:#000;border-radius:1px}
.nav{position:fixed;left:0;right:0;top:64px;bottom:0;width:auto;height:auto;display:none;flex-direction:column;align-items:flex-start;gap:20px;padding:24px var(--pad);background:#fff;font-size:18px;z-index:19;overflow:auto}
.nav.is-open{display:flex}
.nav a.w150{width:auto}

/* hero */
.hero{height:auto;background:#000;padding:48px var(--pad) 40px}
.hero__bg{position:absolute;left:-616px;top:auto;bottom:-90px;width:991px;height:462px;opacity:.6;pointer-events:none}
.hero__title,.hero__sub,.hero__btn,.hero__text{position:relative;left:auto;top:auto}
.hero__title{width:auto;font-size:44px;line-height:46px;letter-spacing:-1.5px}
.hero__sub{position:relative;width:auto;margin-top:12px;font-size:17px;line-height:26px}
.hero__btn{position:relative;margin-top:28px;width:220px;height:56px}
.hero__text{position:relative;width:auto;margin-top:28px;font-size:16px;line-height:26px}
.hero__arrow{display:none}

/* почему */
.why{height:auto;padding:40px 0 40px}
.why__badge{display:none}
.why__title{width:auto;height:auto;font-size:40px;line-height:40px;padding:0 var(--pad)}
.why__title .w{color:var(--orange)}
.why__text{width:auto;margin-top:16px;padding:0 var(--pad);font-size:16px;line-height:24px}
.marquee{position:relative;left:auto;top:auto;margin-top:28px;height:auto;overflow:hidden}
.marquee__track{display:flex;width:max-content}
.mq{width:300px;height:165px;padding:24px 22px 20px}
.mq--1{padding-top:22px}
.mq__bg{width:300px;height:165px}
.mq__in,.mq--4 .mq__in,.mq--5 .mq__in{width:100%;gap:8px}
.mq__ico{width:26px;height:26px}
.mq--1 .mq__ico{width:30px;height:30px}
.mq__h,.mq--4 .mq__h,.mq--5 .mq__h{font-size:16px;line-height:1.1;width:auto;margin:0}
.mq__p{font-size:12px;line-height:1.3;width:auto}
.mq--2 .mq__txt,.mq--2 .mq__h,.mq--2 .mq__p,.mq--3 .mq__h,.mq--3 .mq__p{width:auto}
.why .help-btn{display:block;position:relative;width:268px;height:73px;margin:28px auto 0}
.help-btn__bg,.help-btn__in{position:absolute}

/* о проекте / help */
.about,.help{height:auto;padding:40px 0}
.about__badge{display:none}
.about__title{width:auto;height:auto;font-size:40px;color:var(--orange)}
.about__text{width:auto;margin-top:12px;padding:0 var(--pad);font-size:16px;line-height:24px}
.about__text br,.founder__text br,.case__p br,.form2__hd p br{display:none}
.sec img.about__photo,.sec img.help__photo{display:block;width:calc(100% - 32px);max-width:420px;height:auto;margin:24px auto 0}
.about__h1,.help__h1,.about__h2,.help__h2{width:auto;margin:32px var(--pad) 16px}
.sec img.about__puppy,.sec img.help__puppy{display:block;width:220px;height:auto;margin:24px auto 0}

/* основатель */
.founder{height:auto;padding:40px var(--pad)}
.sec img.founder__photo{display:block;width:100%;max-width:360px;height:auto;margin:0 auto}
.founder__h{width:auto;margin-top:24px;font-size:30px;line-height:36px;letter-spacing:-1px}
.founder__text{width:auto;margin-top:16px;font-size:16px;line-height:25px}
.founder__name{width:auto;margin-top:20px;white-space:normal}

/* с чем обратиться */
.cases{height:auto;padding:40px 0}
.cases__row{position:relative;width:100%;height:auto;padding:24px 0 12px;overflow:hidden}
.cases__track{gap:12px;padding:0 calc(50% - 144px);transform:none}
.case{height:auto;padding-bottom:24px;gap:20px}
.cases__nav{display:flex;justify-content:center;gap:24px;margin-top:8px}
.slider__btn{position:static;background:#fff}
.case__body{gap:24px !important}

/* расследования */
.inv{height:auto;padding:40px 0}
.inv__row{display:flex;flex-direction:column;gap:40px;padding:36px var(--pad) 0}
.inv-card{width:100%;height:auto;padding:36px 16px 24px;overflow:visible}
.tab{position:absolute;top:-17px;right:16px;left:auto}
.inv-card__top,.inv-card--1 .inv-card__top{position:relative;left:auto;top:auto;width:auto}
.inv-card__p,.inv-card--1 .inv-card__p,.inv-card--4 .inv-card__p{width:auto}
.inv-card__more{position:relative;left:auto;top:auto;margin-top:20px}
.inv-card__foot{position:relative;left:auto;top:auto;width:auto;margin-top:20px}
.inv-card__line{width:100%}
.inv-card__line img{width:100%}
.pag{position:relative;left:auto;top:auto;width:auto;justify-content:center;margin-top:32px;gap:12px}
.pag__nums{width:auto}

/* новости */
.news{height:auto;padding:40px 0}
.news__h{width:auto;text-align:center}
.news__row{display:flex;flex-direction:column;gap:16px;padding:24px var(--pad) 0}
.news-card{width:100%;height:auto}
.news-card__img{width:100%;height:auto;aspect-ratio:416/260}

/* faq */
.faq{height:auto;padding:40px var(--pad)}
.sec .faq__box{position:relative;left:auto;top:auto;display:block;width:100%;height:auto;padding:24px 16px}
.faq__left{width:auto;height:auto}
.faq__intro{gap:20px}
.faq__intro h2{font-size:30px}
.faq__intro p{width:auto}
.faq__arrow{display:none}
.faq__list{margin-top:28px}
.faq__item{padding:18px 0;gap:14px;height:auto !important;border-bottom:0}
.faq__item:last-child{border-bottom:1px solid #000}
.faq__q h3{width:auto;flex:1;font-size:19px;padding-right:12px}

/* формы */
.forms{height:auto;padding:40px var(--pad);overflow:hidden}
.forms__bg{width:100%;height:100%}
.forms__bg img{width:auto;height:100%;left:50%;top:0;transform:translateX(-50%)}
.sec .panel{position:relative;left:auto !important;top:auto !important;width:100%;height:auto;padding:24px 16px;gap:24px}
.form1__head h2{font-size:30px;white-space:normal}
.form1__fields,.field,.field .inp,.field label{width:100%}
.form2{margin-top:24px}
.form2__hd p{width:auto}
.wrap--url{height:auto}
.file__prog{white-space:normal}
.form2__actions{flex-direction:column;gap:12px}
.btn-cancel,.form2__actions .btn-submit{width:100%}

/* footer */
.footer{height:auto;padding:28px var(--pad)}
.footer__in{position:static;gap:16px}
.footer__row{flex-direction:column;align-items:flex-start;gap:16px}
.footer .brand{position:static;height:auto}
.footer .nav{position:static;display:flex;flex-direction:column;gap:12px;padding:0;background:none;font-size:15px;height:auto}
.footer__copy{width:auto}
.burger{display:flex}

/* строки файлов: длинные имена не выталкивают кнопку удаления */
.wrap{gap:8px}
.file{flex:1;min-width:0}
.file__info{min-width:0}
.file__name{overflow:hidden;text-overflow:ellipsis}
.file__del{flex:none}
.form2.is-live{height:auto}
.file__prog{flex-wrap:wrap;row-gap:2px}
.file__prog span{white-space:nowrap}
.form2__files .wrap{height:auto}

/* планшет 600–1024: шире поля, карточки новостей/расследований в две колонки */
@media (min-width:600px){
  .page{--pad:32px}
  .news__row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .inv__row{display:grid;grid-template-columns:1fr 1fr;gap:40px 20px}
  .cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .card,.card--tall{min-height:0}
  .h40{font-size:30px}
  .tittle h2{font-size:48px}
  .hero__title{font-size:56px;line-height:58px}
  .form2__actions{flex-direction:row}
  .btn-cancel,.form2__actions .btn-submit{width:auto;flex:1}
}