/* === DEEPSEEK-HARNESS 18.09.2026: АЛЬБОМНАЯ ОРИЕНТАЦИЯ ТЕЛЕФОНА И ПЛАНШЕТЫ ===
   Раньше мобильный слой V7 работал только до 767px. При повороте телефона ширина
   становится 915px, мобильные правила отключались, и сайт показывал растянутую
   шапку и баннер без фотографии. Теперь мобильный слой работает до 1024px,
   а этот блок приводит широкий-низкий экран в порядок: шапка не растягивается,
   баннер становится широкой фотографией с плашкой поверх. */
@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px) {

	/* Шапка: не растягиваем на всю ширину, держим компактную колонку. */
	html body.m80-v7 .whb-top-bar > .container,
	html body.m80-v7 .whb-header-bottom > .container {
		width: 100% !important;
		max-width: 760px !important;
		margin-inline: auto !important;
	}

	html body.m80-v7 .whb-top-bar .whb-top-bar-inner {
		max-width: 760px !important;
		margin-inline: auto !important;
	}

	html body.m80-v7 .whb-header-bottom .whb-column_mobile5 {
		grid-template-columns: minmax(0, 330px) 48px 48px !important;
		justify-content: center !important;
		gap: 8px !important;
	}

	html body.m80-v7 .whb-header-bottom .whb-column_mobile5 .m80-mobile-logo-image,
	html body.m80-v7 .whb-header-bottom .whb-column_mobile5 .m80-mobile-logo img {
		max-width: 250px !important;
	}

	/* Баннер: широкая фотография, плашка с ценой и кнопкой — поверх слева. */
	html body.m80-v7.home .main-slider {
		--m80-v7-hero-height: clamp(170px, calc(100svh - 205px), 300px);
		width: calc(100% - 28px) !important;
		max-width: 900px !important;
		height: var(--m80-v7-hero-height) !important;
		min-height: var(--m80-v7-hero-height) !important;
		margin-bottom: 18px !important;
	}

	html body.m80-v7.home .main-slider :where(
		.jet-listing-grid__slider,
		.jet-listing-grid__items,
		.slick-list,
		.slick-track,
		.jet-listing-grid__item,
		.slick-slide,
		.slide
	) {
		height: var(--m80-v7-hero-height) !important;
		min-height: var(--m80-v7-hero-height) !important;
	}

	html body.m80-v7.home .main-slider .slide {
		padding: 0 !important;
		border-radius: 16px !important;
	}

	html body.m80-v7.home .main-slider .slide > .elementor-element.elementor-element-8748083 {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		border-radius: 16px !important;
	}

	html body.m80-v7.home .main-slider .slide > .elementor-element.elementor-element-8748083 img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center !important;
	}

	html body.m80-v7.home .main-slider .slide > .elementor-element.elementor-element-2d8142f {
		position: absolute !important;
		inset: auto auto 14px 14px !important;
		width: min(360px, 46%) !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 16px !important;
		border-radius: 16px !important;
	}

	html body.m80-v7.home .main-slider .slide .elementor-icon-box-title,
	html body.m80-v7.home .main-slider .slide .elementor-icon-box-title span {
		font-size: 22px !important;
	}

	html body.m80-v7.home .main-slider .m80-v7-hero-price {
		font-size: 21px !important;
	}

	html body.m80-v7.home .m80-hero-dots {
		bottom: auto !important;
		top: calc(var(--m80-v7-hero-height) + 16px) !important;
	}

	/* Карточки: в альбоме помещается больше в ряд. */
	html body.m80-v7 .wd-cats-element .wd-cats,
	html body.m80-v7 .wd-cats-element .wd-cats[class*="wd-grid"] {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}

	html body.m80-v7 .wd-cats-element .category-grid-item {
		height: 190px !important;
	}
}

/* === DEEPSEEK-HARNESS 18.09.2026, по отчёту аудита альбомной ориентации. === */

@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px) {

	/* D1. Баннеры «Николь» и «Милан-Нью» были высотой 560 px в окне 412 px: правило
	   v7-home.css для .slide.m80-sofa-hero-slide (min-width:768px) оказалось специфичнее
	   и перебивало альбомный слой. Здесь селектор ещё специфичнее — высота берётся из
	   переменной альбомного слоя. */
	html body.m80-v7.home .main-slider .jet-listing-grid__item .slide.m80-sofa-hero-slide,
	html body.m80-v7.home .main-slider .slick-slide.slide.m80-sofa-hero-slide,
	html body.m80-v7.home .main-slider .slide.m80-sofa-hero-slide {
		height: var(--m80-v7-hero-height) !important;
		min-height: var(--m80-v7-hero-height) !important;
		max-height: var(--m80-v7-hero-height) !important;
		overflow: hidden !important;
	}

	/* D2. В альбоме показывался «полтора баннера» при ширине 740 px: слайды оставались
	   фиксированные 430 px. Делаем ширину слайда ровно половину обёртки — тогда в альбоме
	   всегда аккуратно два баннера без обрезков (обёртка баннера = ширина окна минус 56 px). */
	/* Новый альбомный вид — один баннер во всю ширину, поэтому слайд обязан
	   совпадать с обёрткой. Раньше здесь стояла половина ширины: slick считал
	   слайд равным контейнеру, показывал два баннера, а активный уезжал за край. */
	html body.m80-v7.home .main-slider .jet-listing-grid__item,
	html body.m80-v7.home .main-slider .slick-slide,
	html body.m80-v7.home .main-slider .slide {
		width: 100% !important;
		max-width: none !important;
	}

	/* D3. На маленьких альбомных экранах (740×360, 667×375) шапка, плашка cookie
	   и нижняя панель занимали до 93% высоты — баннера не было видно.
	   Делаем плашку компактной: мельче текст и отступы, кнопка ниже. */
	html body.m80-v7 .wd-cookies-popup.popup-display {
		max-height: calc(100svh - 120px) !important;
		padding: 10px 14px !important;
	}

	html body.m80-v7 .wd-cookies-popup .cookies-text,
	html body.m80-v7 .wd-cookies-popup p {
		margin-bottom: 8px !important;
		font-size: 12px !important;
		line-height: 1.35 !important;
	}

	html body.m80-v7 .wd-cookies-popup :where(.cookies-accept-btn, .btn) {
		min-height: 38px !important;
		padding: 8px 16px !important;
		font-size: 13px !important;
	}

	html body.m80-v7 .wd-cookies-popup .cookies-more-btn {
		font-size: 12px !important;
	}
}

/* Планшеты (768–1024px). Здесь тоже работает мобильная вёрстка, но на широком
   экране строки шапки разъезжаются по краям. Держим их компактной колонкой. */
@media (min-width: 768px) and (max-width: 1024px) {

	html body.m80-v7 .whb-top-bar > .container,
	html body.m80-v7 .whb-header-bottom > .container {
		width: 100% !important;
		max-width: 860px !important;
		margin-inline: auto !important;
	}

	html body.m80-v7 .whb-header-bottom .whb-column_mobile5 {
		grid-template-columns: minmax(0, 330px) 48px 48px !important;
		justify-content: center !important;
		gap: 8px !important;
	}
}

/* Планшет (768–1024px) в любой ориентации. Здесь работает мобильная вёрстка,
   но её размеры рассчитаны на телефон: баннер 430px выглядел узкой колонкой
   посреди широкого экрана, а высота баннера (считалась от ширины) доходила до
   784px и плашка налезала на следующий блок. */
@media (min-width: 768px) and (max-width: 1024px) and (min-height: 601px) {

	html body.m80-v7.home .main-slider {
		--m80-v7-hero-height: clamp(300px, calc(100svh - 330px), 540px);
		max-width: 660px !important;
	}

	/* Обёртка баннера больше не тянется вручную — она равна слайду,
	   поэтому следующий блок не перекрывается. */
	html body.m80-v7 .elementor-element-8f09c90.main-slider {
		height: auto !important;
		min-height: 0 !important;
	}

	/* Слайд обязан совпадать с обёрткой, иначе slick считает его шире
	   и на планшете баннер стоял узкой колонкой 430px. */
	html body.m80-v7.home .main-slider .jet-listing-grid__item,
	html body.m80-v7.home .main-slider .slick-slide,
	html body.m80-v7.home .main-slider .slide {
		width: 100% !important;
		max-width: none !important;
	}
}

/* Owner decision 24.09.2026: equal tablet heroes, photo left / caption right. */
@media (min-width:768px) and (max-width:1024px) {
html body.m80-v7.home .main-slider,
html body.m80-v7.home .main-slider :where(.jet-listing-grid__slider,.jet-listing-grid__items,.slick-list,.slick-track,.jet-listing-grid__item,.slick-slide) {height:auto!important;min-height:0!important;max-height:none!important}
html body.m80-v7.home .main-slider {margin-bottom:38px!important}
html body.m80-v7.home .main-slider .jet-listing-grid__item[data-post-id] .slide {
 display:grid!important;grid-template-columns:minmax(0,66fr) minmax(240px,34fr)!important;grid-template-rows:minmax(262px,auto)!important;
 align-items:center!important;gap:18px!important;height:auto!important;min-height:300px!important;max-height:none!important;
 padding:18px!important;box-sizing:border-box!important;background:linear-gradient(115deg,#e9e4da,#e5e7dd)!important;overflow:hidden!important;
}
html body.m80-v7.home .main-slider .jet-listing-grid__item[data-post-id] .slide > .elementor-element.elementor-element-8748083 {
 position:relative!important;inset:auto!important;grid-area:1 / 1!important;align-self:center!important;
 width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:2 / 1!important;
 margin:0!important;padding:0!important;border-radius:16px!important;overflow:hidden!important;box-shadow:none!important;
}
html body.m80-v7.home .main-slider .jet-listing-grid__item[data-post-id] .slide > .elementor-element.elementor-element-8748083 :is(.elementor-widget-image,.elementor-widget-container,picture,img) {
 position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
 min-height:0!important;max-height:none!important;max-width:none!important;margin:0!important;padding:0!important;
 border-radius:0!important;transform:none!important;filter:none!important;
}
html body.m80-v7.home .main-slider .jet-listing-grid__item[data-post-id] .slide > .elementor-element.elementor-element-8748083 img {object-fit:cover!important;object-position:center!important}
html body.m80-v7.home .main-slider .jet-listing-grid__item[data-post-id] .slide > .elementor-element.elementor-element-2d8142f {
 position:relative!important;inset:auto!important;grid-area:1 / 2!important;align-self:stretch!important;
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) 30px 44px!important;
 align-content:stretch!important;align-items:center!important;gap:10px!important;
 width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;
 padding:18px!important;margin:0!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:16px!important;
 transform:none!important;box-shadow:0 12px 22px rgba(40,45,32,.12)!important;background:linear-gradient(120deg,#faf7ef,#f3efe5)!important;
}
html body.m80-v7.home .main-slider .jet-listing-grid__item[data-post-id] .slide .elementor-widget-icon-box {grid-area:1 / 1!important;align-self:start!important;margin:0!important}
html body.m80-v7.home .main-slider .jet-listing-grid__item[data-post-id] .slide .elementor-icon-box-title,
html body.m80-v7.home .main-slider .jet-listing-grid__item[data-post-id] .slide .elementor-icon-box-title span {font-size:22px!important;line-height:1.15!important;font-weight:600!important;margin:0 0 4px!important}
html body.m80-v7.home .main-slider .jet-listing-grid__item[data-post-id] .slide .elementor-icon-box-description {font-size:13px!important;line-height:1.3!important;margin:0!important}
html body.m80-v7.home .main-slider .jet-listing-grid__item[data-post-id] .slide .m80-v7-hero-price {display:block!important;grid-area:2 / 1!important;align-self:center!important;justify-self:start!important;font-size:24px!important;line-height:1.1!important;margin:0!important;color:var(--m80-v7-clay)!important;white-space:nowrap!important}
html body.m80-v7.home .main-slider .jet-listing-grid__item[data-post-id] .slide .m80-v7-hero-price--no-from::before {display:none!important}
html body.m80-v7.home .main-slider .jet-listing-grid__item[data-post-id] .slide .elementor-widget-button {grid-area:3 / 1!important;align-self:center!important;justify-self:start!important;margin:0!important}
html body.m80-v7.home .main-slider .jet-listing-grid__item[data-post-id] .slide .elementor-button {min-height:44px!important;height:44px!important;padding:5px 8px 5px 14px!important;font-size:12px!important;line-height:1!important;box-sizing:border-box!important}
html body.m80-v7.home .main-slider .jet-listing-grid__item[data-post-id] .slide > .slide-badges {display:none!important}
html body.m80-v7.home .main-slider .m80-hero-dots {top:auto!important;bottom:-24px!important}
}