[data-design-catalog] { padding:24px; border:1px solid #dcd9d0; border-radius:8px; background:#f8f7f2; color:#24333b; }
.catalog-tabs { display:flex; gap:8px; border-bottom:1px solid #dcd9d0; padding-bottom:16px; font-family:"Segoe UI",Arial,sans-serif; }
.catalog-tabs [role="tab"] { display:flex; gap:16px; align-items:center; justify-content:space-between; min-width:180px; border:1px solid #cdd2ce; border-radius:5px; padding:13px 20px; background:#fff; color:#31464f; font:600 16px/1.4 "Segoe UI",Arial,sans-serif; cursor:pointer; }
.catalog-tabs [role="tab"] span { font-size:11px; font-weight:400; white-space:nowrap; }
.catalog-tabs [aria-selected="true"] { background:#1b3b49; color:#fff; border-color:#1b3b49; }
.catalog-tabs [role="tab"]:focus-visible { outline:3px solid #9b742a; outline-offset:3px; }
.catalog-panel[hidden] { display:none!important; }
.catalog-panel:focus-visible { outline:2px solid #9b742a; outline-offset:6px; }
.catalog-category-title { margin:24px 0 7px; color:#24333b; font:400 29px/1.3 Georgia,serif; }
.catalog-category-note { margin:0; color:#59666c; font:14px/1.6 "Segoe UI",Arial,sans-serif; }
.catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:22px 0 0; text-align:left; }
.catalog-card { display:flex; flex-direction:column; overflow:hidden; min-width:0; border:1px solid #dcd9d0; border-radius:6px; background:#fff; color:#22313b; text-decoration:none; transition:transform .2s,box-shadow .2s; }
.catalog-card:hover { transform:translateY(-4px); box-shadow:0 15px 30px #182a3c18; }
.catalog-card:focus-visible { outline:3px solid #9b742a; outline-offset:4px; }
.catalog-card[aria-current="page"] { outline:3px solid #9b742a; outline-offset:3px; }
.catalog-card > img { display:block; width:100%; height:auto; aspect-ratio:3/4; object-fit:cover; background:#eee8db; }
.catalog-copy { display:flex; flex:1; flex-direction:column; gap:7px; padding:20px; font:14px/1.6 "Segoe UI",Arial,sans-serif; }
.catalog-copy > strong { font-size:18px; line-height:1.3; }
.catalog-copy > span { color:#59626a; }
.catalog-copy .catalog-action { color:#263c48; margin-top:auto; padding-top:12px; font-size:12px; font-weight:700; display:flex; justify-content:space-between; }
.catalog-legacy-title { margin:40px 0 20px; font:400 27px/1.3 Georgia,serif; }
.catalog-legacy .catalog-card > img { aspect-ratio:16/9; }
@media(max-width:850px) { .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } }
@media(max-width:560px) { [data-design-catalog] { padding:16px; } .catalog-tabs { gap:8px; } .catalog-tabs [role="tab"] { flex:1; min-width:0; flex-direction:column; align-items:flex-start; gap:3px; padding:11px 15px; font-size:15px; } .catalog-category-title { font-size:25px; } .catalog-grid { grid-template-columns:1fr; gap:24px; } .catalog-card > img { max-height:440px; object-fit:contain; } .catalog-copy { padding:17px; } }
@media(prefers-reduced-motion:reduce) { .catalog-card { transition:none; } }