/* Милан-Текстиль — страница «Решения» */
.hero{padding:64px 48px 20px;max-width:1400px;margin:0 auto;}
.eyebrow{font-family:'PT Mono','Courier New',monospace;font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:var(--terracotta-deep);display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--terracotta-deep);}
.hero h1{font-size:clamp(30px,3.8vw,50px);line-height:1.1;max-width:820px;}
.hero-sub{margin-top:18px;font-size:16.5px;line-height:1.6;max-width:600px;color:rgba(35,42,34,0.72);}

.section-wrap{max-width:1400px;margin:0 auto;padding:32px 48px 60px;}
.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:10px;}
.section-head h2{font-size:clamp(22px,2.2vw,28px);}
.section-head .mono{font-size:12px;color:rgba(35,42,34,0.45);text-transform:uppercase;}
/* Подпись-источник в заголовке блока («Источник — 2ГИС») — ссылка, а не просто текст */
.section-head a.mono{border-bottom:1px solid rgba(35,42,34,0.25);transition:color .18s ease,border-color .18s ease;}
.section-head a.mono:hover{color:var(--terracotta-deep);border-bottom-color:var(--terracotta-deep);}
.section-head a.mono:focus-visible{outline:2px solid var(--terracotta-deep);outline-offset:3px;}

.seg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:16px;}
.seg-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:30px;display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:box-shadow .2s ease, transform .2s ease;}
.seg-card:hover{box-shadow:0 18px 30px -14px rgba(35,42,34,0.25);transform:translateY(-2px);}
.seg-icon{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;}
.seg-title{font-size:19px;}
.seg-desc{font-size:14px;line-height:1.55;color:rgba(35,42,34,0.68);}
.seg-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.seg-tag{font-family:'PT Mono','Courier New',monospace;font-size:11px;padding:5px 10px;border-radius:3px;background:rgba(35,42,34,0.05);color:rgba(35,42,34,0.6);}
.seg-link{margin-top:auto;padding-top:6px;font-size:13px;font-weight:600;color:var(--terracotta-deep);display:flex;align-items:center;gap:6px;}

.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:8px;}
/* Плитка — ссылка на товар в каталоге (index.html#p-<idx>), поэтому display:block */
.gallery-item{position:relative;display:block;border-radius:6px;overflow:hidden;aspect-ratio:4/5;
  text-decoration:none;color:inherit;transition:box-shadow .18s ease;}
.gallery-item img{width:100%;height:100%;object-fit:cover;filter:sepia(0.05) saturate(1.02);display:block;transition:transform .3s ease;}
.gallery-item:hover img{transform:scale(1.05);}
a.gallery-item:hover{box-shadow:0 12px 24px -12px rgba(35,42,34,0.32);}
a.gallery-item:focus-visible{outline:2px solid var(--terracotta-deep);outline-offset:2px;}

.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;}
.testi-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:26px;display:flex;flex-direction:column;gap:14px;}
.testi-quote{font-family:'Onest',Arial,sans-serif;font-size:16.5px;line-height:1.5;font-style:italic;color:rgba(35,42,34,0.85);}
.testi-quote .ph{color:rgba(35,42,34,0.4);}
.testi-who{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:6px;border-top:1px dashed var(--line);}
.testi-avatar{width:34px;height:34px;border-radius:50%;background:var(--olive-2);flex-shrink:0;}
.testi-name{font-size:13px;font-weight:600;}
.testi-role{font-size:11.5px;color:rgba(35,42,34,0.5);}

.next-band{margin-top:32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px 28px;}
.next-band p{font-size:15px;color:rgba(35,42,34,0.68);max-width:520px;margin:0;}

.cta-band{margin-top:12px;background:var(--navy);color:var(--cream);padding:56px 48px;}
.cta-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap;}
.cta-inner h2{font-size:clamp(22px,2.4vw,30px);max-width:560px;color:#fff;}
.cta-buttons{display:flex;gap:12px;flex-wrap:wrap;}

/* Стена логотипов заказчиков: единый приглушённый серый тон, без карточек */
.client-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 24px;margin-top:8px;
  background:rgba(35,42,34,0.04);border-radius:14px;padding:40px 32px;}
.client-logo{height:72px;min-width:0;display:flex;align-items:center;justify-content:center;
  padding:4px;background:none;overflow:hidden;}
.client-logo img{max-width:82%;max-height:44px;width:auto;height:auto;object-fit:contain;display:block;
  filter:grayscale(1);opacity:0.5;mix-blend-mode:multiply;transition:opacity .2s ease;}
.client-logo:hover img{opacity:0.8;}
/* высокие/квадратные логотипы — крупнее, иначе теряются рядом с широкими */
.client-logo.tall img{max-height:58px;max-width:94%;}
.client-logo.on-tint img,.client-logo.on-dark img{
  filter:grayscale(1) invert(1) brightness(0.5);mix-blend-mode:normal;}

@media(max-width:900px){
  .hero{padding:40px 20px 10px;}
  .section-wrap{padding:20px 20px 44px;}
  .seg-grid{grid-template-columns:1fr;}
  .gallery-grid{grid-template-columns:repeat(3,1fr);}
  .testi-grid{grid-template-columns:1fr;}
  .client-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;padding:22px 14px;}
  .client-logo{height:58px;}
  .client-logo img{max-height:36px;max-width:80%;}
  .client-logo.tall img{max-height:48px;max-width:92%;}
  .cta-band{padding:40px 20px;}
  .cta-inner{flex-direction:column;align-items:flex-start;}
}