/* ==========================================================================
   ARKS International — Product Categories Page
   ========================================================================== */

.cat-banner { border-radius: var(--radius-xl); overflow: hidden; position: relative; }
.cat-banner-section:not(:last-child) { margin-bottom: clamp(3rem, 6vw, 5rem); }
.cat-banner__media { position: relative; overflow: hidden; height: 100%; min-height: 380px; }
.cat-banner__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease-premium); }
.cat-banner-section:hover .cat-banner__media img { transform: scale(1.06); }
.cat-banner__panel { background: var(--color-light-gray); padding: clamp(2rem, 4vw, 3.25rem); height: 100%; display: flex; flex-direction: column; justify-content: center; }
.cat-banner__num { font-family: var(--font-heading); font-size: 3.5rem; font-weight: 700; color: rgba(10,61,98,.1); line-height: 1; margin-bottom: 1rem; }

.mini-product { display: flex; align-items: center; gap: .85rem; background: #fff; border-radius: var(--radius-sm); padding: .6rem; border: 1px solid rgba(10,61,98,.06); }
.mini-product img { width: 52px; height: 52px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
.mini-product .name { font-size: .84rem; font-weight: 600; color: var(--text-heading); line-height: 1.3; }

/* ---- Sub-Categories page: compact variant of the homepage .category-card ---- */
.category-card--sm { height: 260px; }
.category-card--sm .category-card__body { padding: 1.25rem; }
.category-card--sm .category-card__icon { width: 42px; height: 42px; border-radius: 12px; font-size: 1.1rem; margin-bottom: .65rem; }
.category-card--sm .category-card__body h3 { font-size: 1.05rem; margin-bottom: .35rem; }