/* Koreanischkurs Shop - site refinements over the framework */

/* .c-note ships large+bold (a lead style); the shop content uses it as body/intro text. Calm it to body copy. */
.c-note { font-family: var(--t-font-body); font-weight: 400; font-size: 1.05rem; line-height: 1.65; max-width: 62ch; margin: 0; }
.u-card p { line-height: 1.6; }
.u-card .c-bento__h { margin-bottom: var(--t-space-xs); }

/* Header: logo left, nav right, single row, compact logo */
.c-siteheader__bar { display: flex !important; flex-direction: row !important; align-items: center; justify-content: space-between; gap: var(--t-space-lg); flex-wrap: nowrap; }
.c-siteheader__bar > .wp-block-navigation { flex-wrap: nowrap; }
.c-siteheader .custom-logo { max-height: 40px; width: auto; }

/* Category + product gallery tiles: image-led card, minimal chrome */
.c-kat { display: flex; flex-direction: column; padding: 0; overflow: hidden; transition: transform var(--t-dur) var(--t-ease), box-shadow var(--t-dur) var(--t-ease), border-color var(--t-dur) var(--t-ease); }
.c-kat__media { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--t-surface-subtle); }
.c-kat__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.c-kat:hover .c-kat__media img { transform: scale(1.04); }
.c-kat__body { padding: var(--t-space-md); display: flex; flex-direction: column; gap: .45rem; }
.c-kat__h { margin: 0; }
.c-kat--book .c-kat__media { aspect-ratio: 4 / 5; }
/* Tile hover: brand-red border, matching hyunokjang a touch stronger */
a.u-card.c-kat:hover { border-color: rgba(214, 24, 24, .45); }