/* Мир Паркета v2 / индекс каталога /catalog (группа A) */
.mp-cihead{padding-bottom:clamp(2rem,1rem + 3vw,4rem)}
.mp-cihead__row{display:grid;gap:1.75rem;margin-top:clamp(1.25rem,.5rem + 2.5vw,3rem);align-items:end}
.mp-cihead__title{font-size:clamp(2.25rem,1.2rem + 4vw,4.75rem);line-height:1.04;max-width:12em}
.mp-cihead__lead{margin-top:1.25rem;max-width:34em}
.mp-cihead__search{width:100%}
@media (min-width:900px){.mp-cihead__row{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);gap:3rem}}

/* флагманский раздел */
.mp-cifeat__main{display:grid;gap:clamp(1.5rem,1rem + 2vw,3rem);align-items:center}
.mp-cifeat__media{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:var(--mp-stone)}
.mp-cifeat__media picture,.mp-cifeat__media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--mp-ease)}
.mp-cifeat__media:hover img{transform:scale(1.03)}
.mp-ci__t{margin:0;color:var(--mp-ink)}
.mp-ci__t a:hover{text-decoration:underline;text-decoration-color:var(--mp-accent);text-decoration-thickness:3px;text-underline-offset:.15em}
.mp-cifeat .mp-ci__t{font-size:clamp(2rem,1.3rem + 2.4vw,3.5rem);margin-bottom:1.1rem}
.mp-ci__t--s{font:400 clamp(1.6rem,1.3rem + 1vw,2.25rem)/1.15 var(--mp-font-display);margin:1.1rem 0 .5rem}
.mp-ci__meta{margin:.9rem 0 1.25rem;font-size:.8125rem;letter-spacing:.06em;color:var(--mp-muted)}
.mp-ci__meta:empty{display:none}
.mp-cifeat__body .mp-eyebrow{margin-bottom:var(--mp-s4)}
@media (min-width:1024px){
  .mp-cifeat__main{grid-template-columns:repeat(12,1fr);column-gap:var(--mp-s6)}
  .mp-cifeat__media{grid-column:1/span 7}
  .mp-cifeat__body{grid-column:9/span 4}
}

.mp-cigrid{display:grid;gap:clamp(2.5rem,1.5rem + 3vw,4rem) clamp(1.25rem,.6rem + 1.6vw,2.25rem);margin-top:clamp(3rem,2rem + 4vw,6rem)}
@media (min-width:700px){.mp-cigrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mp-cicard__media{display:block}
.mp-cicard__media .mp-fig picture,.mp-cicard__media .mp-fig img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.mp-cicard__p{margin:0;max-width:30em;color:var(--mp-ink-2);font-weight:300}

.mp-ci-quiz{margin-top:var(--mp-section)}

/* списки доп. разделов */
.mp-cilist__grid{display:grid;gap:clamp(1.5rem,1rem + 2vw,3rem)}
.mp-cilist .mp-h2{font-size:clamp(1.9rem,1.3rem + 2vw,3rem)}
.mp-cilist__list{list-style:none;margin:0;padding:0}
.mp-cilist__list li{border-top:1px solid var(--mp-line)}
.mp-cilist__list li:first-child{border-top-color:var(--mp-ink)}
.mp-cilist__list li:last-child{border-bottom:1px solid var(--mp-line)}
.mp-cilist__list a{position:relative;display:grid;gap:.25rem;padding:1.25rem 0;min-height:44px}
.mp-cilist__t{font:400 clamp(1.3rem,1.15rem + .6vw,1.625rem)/1.25 var(--mp-font-display);color:var(--mp-ink)}
.mp-cilist__d{font-size:.9375rem;font-weight:300;color:var(--mp-muted);max-width:36em}
.mp-cilist__n{font-size:.8125rem;letter-spacing:.06em;color:var(--mp-muted)}
.mp-cilist__list a:hover .mp-cilist__t{text-decoration:underline;text-decoration-color:var(--mp-accent);text-decoration-thickness:2px;text-underline-offset:.2em}
@media (min-width:1024px){
  .mp-cilist__grid{grid-template-columns:repeat(12,1fr);column-gap:var(--mp-s6)}
  .mp-cilist__head{grid-column:1/span 4}
  .mp-cilist__list{grid-column:6/span 7}
}

/* дизайнерам */
.mp-cides__grid{display:grid;gap:clamp(2rem,1rem + 3vw,4rem);align-items:center}
.mp-cides__fig picture,.mp-cides__fig img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.mp-cides .mp-h2{font-size:clamp(1.9rem,1.3rem + 2vw,3rem);margin-bottom:1.25rem}
.mp-cides__a{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem 2rem;margin:1.75rem 0 0}
@media (min-width:1024px){
  .mp-cides__grid{grid-template-columns:repeat(12,1fr);column-gap:var(--mp-s6)}
  .mp-cides__fig{grid-column:1/span 6}
  .mp-cides__text{grid-column:8/span 5}
}
@media (prefers-reduced-motion:reduce){.mp-cifeat__media img{transition:none}}
