.catalog-section{padding:100px max(5vw,32px);background:#fff;color:#101923}
.catalog-wrap{width:100%;max-width:1200px;min-width:0;margin:auto}
.catalog-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.catalog-intro h2{font-size:clamp(34px,4vw,58px)}
.catalog-intro p{color:#5f6d7c}
.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:55px}
.catalog-card{min-height:310px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:#0d1d2c;color:#fff}
.catalog-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;transition:.35s}
.catalog-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(4,12,20,.9))}
.catalog-card>*:not(img){position:relative;z-index:1}
.catalog-card span{font-size:9px;letter-spacing:.13em;color:#62d8ff}
.catalog-card h3{font-size:28px;margin:12px 0 8px}
.catalog-card p{font-size:12px;color:#b6c4d2;max-width:520px}
.catalog-card:hover img{transform:scale(1.04);opacity:.55}
.catalog-card .card-action{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:11px;letter-spacing:.04em;color:#fff}
.catalog-card .card-action span{font-size:16px;line-height:1;color:#62d8ff;transition:transform .2s ease}
.catalog-card:hover .card-action span{transform:translateX(4px)}
.catalog-card:focus-visible{outline:3px solid #62d8ff;outline-offset:4px}
.catalog-card:focus-visible img{transform:scale(1.04);opacity:.55}
.catalog-note{margin-top:35px;padding:24px;border-left:3px solid #2878ff;background:#f1f5f9;color:#5f6d7c}
.five-family-catalog .catalog-card:last-child{grid-column:1/-1}
@media(min-width:1001px){.five-family-catalog .catalog-grid{grid-template-columns:repeat(6,1fr)}
.five-family-catalog .catalog-card{grid-column:span 2}
.five-family-catalog .catalog-card:nth-last-child(-n+2){grid-column:span 3}
}
@media(max-width:800px){.catalog-intro,.catalog-grid{grid-template-columns:1fr}
.catalog-intro{gap:25px}
.five-family-catalog .catalog-card:last-child{grid-column:auto}
}
@media(max-width:600px){.catalog-section{padding:72px 22px}
.catalog-intro h2{font-size:30px;overflow-wrap:anywhere}
.catalog-intro p,.catalog-card h3,.catalog-card p{overflow-wrap:anywhere}
.catalog-card{min-height:290px;padding:24px}
.catalog-card .card-action{min-height:32px;margin-top:10px}
}

/* Photo cards keep explicit contrast and remain shrinkable with long bilingual copy. */
.catalog-card h3{
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.9);
}
.catalog-card span{
  text-shadow:0 1px 6px rgba(0,0,0,.9);
}
.catalog-grid>*,
.catalog-intro>*{
  min-width:0;
}
.catalog-card h3,
.catalog-intro h2{
  overflow-wrap:break-word;
}