.department-page{padding:2.5rem 0 4rem}.department-hero{width:min(100% - 2rem,var(--container));margin:0 auto 2rem;display:grid;gap:1.5rem;align-items:center}.department-hero__banner{position:relative;min-height:14rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}.department-hero__image{object-fit:cover}.department-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,249,246,.88))}.department-hero__content{position:absolute;left:1.25rem;right:1.25rem;bottom:1.25rem}.department-subcats{width:min(100% - 2rem,var(--container));margin:0 auto 2rem;display:flex;flex-wrap:wrap;gap:.65rem}.department-hero__overlay--rose{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,249,246,.92))}.department-hero__overlay--sky{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(240,248,255,.92))}.department-hero__overlay--amber{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(253,252,248,.92))}.department-hero__count{margin:.65rem 0 0;font-size:.88rem;color:var(--muted)}.department-subcats__link{display:inline-flex;align-items:center;gap:.45rem;min-height:2.35rem;padding:0 .9rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:.86rem;transition:background .15s ease,border-color .15s ease,color .15s ease}.department-subcats__link--rose:hover{color:#4a3034;border-color:#e8b4b8;background:#fff5f6}.department-subcats__link--sky:hover{color:#1e3a5f;border-color:#93c5fd;background:#eff6ff}.department-subcats__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 .25rem;border-radius:999px;background:var(--border);font-size:.72rem;color:var(--muted)}.department-page--rose .department-subcats__link.department-subcats__link--rose{border-color:#f0cfd2}.department-page--sky .department-subcats__link.department-subcats__link--sky{border-color:#bfdbfe}.department-products{width:min(100% - 2rem,var(--container));margin-inline:auto}@media (min-width:900px){.department-hero{grid-template-columns:1.1fr 1fr}.department-hero__banner{min-height:18rem}}