/* ALTX 19.10.2026: подборки /landings/ в стиле нового каталога. Токены и шрифт — /local/assets/catalog/common.css */
body.altx-landing-page #content h1#pagetitle { margin: 0 0 8px; color: var(--altx-ink); font-size: clamp(30px, 3.3vw, 46px); line-height: 1.14; font-weight: 800; letter-spacing: -.02em; }

/* Aspro оборачивает контент в .maxwidth-theme с отступом 45px — выравниваем по заголовку */
body.altx-landing-page #content .middle > .container > .maxwidth-theme { margin-inline: 0; padding-inline: 0; }

/* Список подборок */
body.altx-landing-index .altx-landings-intro p { max-width: 760px; margin: 0 0 28px; color: var(--altx-muted); font-size: 16px; line-height: 1.65; }
body.altx-landing-index .altx-landings-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0 0 48px; }
body.altx-landing-index .altx-landing-tile { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 320px; padding: 22px 22px 18px; border-radius: 14px; background: var(--tile, #eef3f7); color: var(--altx-ink); text-decoration: none; overflow: hidden; transition: box-shadow .2s, transform .2s; }
body.altx-landing-index .altx-landing-tile:hover { box-shadow: 0 12px 26px #2539451c; transform: translateY(-2px); }
body.altx-landing-index .altx-landing-tile__text { display: block; }
body.altx-landing-index .altx-landing-tile__title { display: block; font-size: 20px; line-height: 1.25; font-weight: 700; }
body.altx-landing-index .altx-landing-tile__desc { display: block; margin-top: 8px; color: #5b6c78; font-size: 13px; line-height: 1.55; }
body.altx-landing-index .altx-landing-tile img { display: block; width: 150px; height: 150px; margin: 16px auto 14px; object-fit: contain; mix-blend-mode: multiply; }
body.altx-landing-index .altx-landing-tile__more { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 12px; border-top: 1px solid #25394514; color: var(--altx-deep); font-size: 12px; line-height: 1.4; font-weight: 600; }
body.altx-landing-index .altx-landing-tile__more svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; }
body.altx-landing-index .altx-landing-tile.is-wide { grid-column: span 2; display: grid; grid-template-columns: minmax(0, 1fr) 210px; grid-template-rows: 1fr auto; column-gap: 20px; }
body.altx-landing-index .altx-landing-tile.is-wide .altx-landing-tile__title { font-size: 28px; }
body.altx-landing-index .altx-landing-tile.is-wide .altx-landing-tile__desc { font-size: 14px; max-width: 420px; }
body.altx-landing-index .altx-landing-tile.is-wide img { grid-column: 2; grid-row: 1 / span 2; align-self: center; width: 210px; height: 210px; margin: 0; }
body.altx-landing-index .altx-landing-tile.is-wide .altx-landing-tile__more { grid-column: 1; }

/* Страница подборки */
body.altx-landing-detail .landing_detail .tizers_block,
body.altx-landing-detail #right_block_ajax > hr { display: none !important; }
body.altx-landing-detail .landing_detail > .row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 18px 40px; margin: 4px 0 30px; }
body.altx-landing-detail .landing_detail > .row::before,
body.altx-landing-detail .landing_detail > .row::after { display: none; }
body.altx-landing-detail .landing_detail > .row > [class*="col-"] { float: none; width: auto; padding: 0; }
body.altx-landing-detail .landing_detail > .row > .col-md-9 { flex: 1 1 520px; }
body.altx-landing-detail .landing_detail > .row > .col-md-3 { flex: 0 0 300px; }
body.altx-landing-detail .landing_detail > .row p { max-width: 760px; margin: 0; color: #3d5260; font-size: 17px; line-height: 1.65; }
body.altx-landing-detail .ask_a_question { display: flex; align-items: center; gap: 14px; min-height: 0; margin: 0; padding: 14px 16px; border: 1px solid var(--altx-line); border-radius: 12px; background: var(--altx-wash); text-align: left; }
body.altx-landing-detail .ask_a_question .inner { min-height: 0; margin: 0; padding: 0; background: none; }
body.altx-landing-detail .ask_a_question .inner::before,
body.altx-landing-detail .ask_a_question .inner::after,
body.altx-landing-detail .ask_a_question .text-block::before { display: none !important; }
body.altx-landing-detail .ask_a_question .text-block { margin: 0; padding: 0; color: var(--altx-ink); font-size: 13px; line-height: 1.45; text-align: left; }
body.altx-landing-detail .ask_a_question .outer { flex: 0 0 auto; margin: 0; padding: 0; }
body.altx-landing-detail .ask_a_question .btn { margin: 0; padding: 9px 14px !important; border: 1px solid var(--altx-blue) !important; border-radius: 8px; background: #fff !important; color: var(--altx-blue) !important; font-size: 12px !important; line-height: 1.3 !important; white-space: nowrap; }
body.altx-landing-detail .ask_a_question .btn:hover { background: var(--altx-blue) !important; color: #fff !important; }
body.altx-landing-detail .langing_title_block { margin: 0 0 14px; color: var(--altx-ink); font-size: 24px; line-height: 1.3; font-weight: 700; }
@media (min-width: 1200px) {
	body.altx-catalog-page.altx-catalog-listing.altx-landing-detail .catalog_block.items.grid-list { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

/* Текст подборки */
body.altx-landing-detail #right_block_ajax > .landing_detail { max-width: 780px; margin: 52px 0 0; color: #334855; font-size: 16px; line-height: 1.7; }
body.altx-landing-detail #right_block_ajax > .landing_detail h2 { margin: 34px 0 12px; color: var(--altx-ink); font-size: 24px; line-height: 1.3; font-weight: 700; }
body.altx-landing-detail #right_block_ajax > .landing_detail h2:first-child { margin-top: 0; }
body.altx-landing-detail #right_block_ajax > .landing_detail p { margin: 0 0 14px; }
body.altx-landing-detail #right_block_ajax > .landing_detail ul { margin: 0 0 16px; padding-left: 20px; }
body.altx-landing-detail #right_block_ajax > .landing_detail li { margin: 0 0 8px; }
body.altx-landing-detail #right_block_ajax > .landing_detail a { color: var(--altx-blue); text-decoration: underline; text-underline-offset: 3px; }

/* Другие подборки */
body.altx-landing-detail .altx-landing-others { margin: 56px 0 0; padding-top: 32px; border-top: 1px solid var(--altx-line); }
body.altx-landing-detail .altx-landing-others h2 { margin: 0 0 16px; color: var(--altx-ink); font-size: 24px; line-height: 1.3; font-weight: 700; }
body.altx-landing-detail .altx-landing-others__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
body.altx-landing-detail .altx-landing-others__list a { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border: 1px solid var(--altx-line); border-radius: 12px; background: #fff; color: var(--altx-ink); text-decoration: none; }
body.altx-landing-detail .altx-landing-others__list a:hover { border-color: #9eb6c9; }
body.altx-landing-detail .altx-landing-others__list img { flex: 0 0 56px; width: 56px; height: 56px; object-fit: contain; }
body.altx-landing-detail .altx-landing-others__list b { display: block; font-size: 14px; line-height: 1.35; }
body.altx-landing-detail .altx-landing-others__list small { display: block; margin-top: 2px; color: var(--altx-muted); font-size: 12px; }
body.altx-landing-detail .altx-landing-others__all { display: inline-block; margin-top: 16px; color: var(--altx-blue); font-size: 14px; font-weight: 600; }

@media (max-width: 1100px) {
	body.altx-landing-index .altx-landings-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
	body.altx-landing-index .altx-landings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	body.altx-landing-detail .landing_detail > .row > .col-md-3 { flex-basis: 100%; }
}
@media (max-width: 560px) {
	body.altx-landing-index .altx-landing-tile { min-height: 250px; padding: 16px 14px 14px; border-radius: 12px; }
	body.altx-landing-index .altx-landing-tile__title { font-size: 16px; }
	body.altx-landing-index .altx-landing-tile__desc { display: none; }
	body.altx-landing-index .altx-landing-tile img { width: 110px; height: 110px; margin: 12px auto 10px; }
	body.altx-landing-index .altx-landing-tile.is-wide { grid-template-columns: minmax(0, 1fr) 120px; }
	body.altx-landing-index .altx-landing-tile.is-wide .altx-landing-tile__title { font-size: 22px; }
	body.altx-landing-index .altx-landing-tile.is-wide .altx-landing-tile__desc { display: block; font-size: 13px; }
	body.altx-landing-index .altx-landing-tile.is-wide img { width: 120px; height: 120px; }
	body.altx-landing-detail .landing_detail > .row p { font-size: 15px; }
	body.altx-landing-detail #right_block_ajax > .landing_detail { font-size: 15px; }
	body.altx-landing-detail #right_block_ajax > .landing_detail h2,
	body.altx-landing-detail .altx-landing-others h2 { font-size: 20px; }
}
body.altx-landing-detail .ask_a_question .outer,
body.altx-landing-detail .ask_a_question .outer > span { height: auto; min-height: 0; background: none !important; }
