.category-page-header{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);background:var(--color-surface);margin-bottom:0;position:relative;z-index:5}.category-header-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.category-page-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.5rem);font-weight:var(--fw-bold);color:var(--color-text);margin:0;line-height:1.2}.category-page-description{font-size:var(--fs-md);color:var(--color-text-muted);max-width:680px;line-height:1.6;margin:0}.category-page-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--color-border-light)}.category-hero-card{position:relative;border-radius:var(--radius-lg, 16px);overflow:hidden;display:flex;align-items:flex-end;min-height:100%;color:#fff;background:var(--cat-hero-bg, transparent);grid-column:span 2}.category-hero-card.category-hero-card--intrinsic-image{min-height:0;height:auto;aspect-ratio:1 / 1}@media (min-width: 768px){.category-hero-card:not(.category-hero-card--intrinsic-image){min-height:380px}.category-hero-card.category-hero-card--intrinsic-image{min-height:0}}@media (max-width: 767px){.category-hero-card{grid-column:span var(--mobile-cols, 2)}.category-hero-card:not(.category-hero-card--intrinsic-image){min-height:320px}.category-hero-card.category-hero-card--intrinsic-image{min-height:0}}.hero-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.category-hero-card--intrinsic-image .hero-card-img{object-fit:cover;object-position:center;max-width:none}.hero-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000,#0003 40%,#000c);z-index:1;pointer-events:none}.hero-card-content{position:relative;z-index:2;padding:var(--spacing-xl, 30px);width:100%;display:flex;flex-direction:column;gap:8px}.hero-card-title{font-family:var(--font-heading);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:var(--fw-bold);color:#fff;margin:0;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.6)}.hero-card-desc{font-size:var(--fs-sm, 13px);color:#ffffffe6;margin:0;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.category-hero-card.no-image{background:var(--cat-hero-bg, var(--color-surface, #f9f9f9));color:var(--color-text, #000);align-items:center;justify-content:center;border:1px solid var(--color-border-light, #eaeaea)}.category-hero-card.no-image .hero-card-content{align-items:center;text-align:center}.category-hero-card.no-image .hero-card-title{color:var(--color-text);text-shadow:none}.category-hero-card.no-image .hero-card-desc{color:var(--color-text-muted);text-shadow:none}.category-hero-card.no-image .hero-breadcrumb-list{color:var(--color-text-muted)}.category-hero-card.no-image .hero-breadcrumb-item.active,.category-hero-card.no-image .hero-breadcrumb-item a:hover{color:var(--color-text)}.category-hero-card.no-image .hero-breadcrumb-separator{opacity:.35}.category-hero-card.no-image .hero-subcategory-chip{color:var(--color-text);background:transparent;border-color:var(--color-border);backdrop-filter:none;-webkit-backdrop-filter:none}.category-hero-card.no-image .hero-subcategory-chip:hover{background:var(--color-text);color:var(--color-white, #fff);border-color:var(--color-text)}.category-hero-card.no-image .hero-subcategory-chip svg{opacity:.4}.hero-breadcrumb-nav{margin-bottom:4px}.hero-breadcrumb-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffffb3;text-transform:capitalize;font-weight:var(--fw-medium);flex-wrap:wrap}.hero-breadcrumb-item a{color:inherit;text-decoration:none;transition:all .2s ease}.hero-breadcrumb-item a:hover,.hero-breadcrumb-item.active{color:#fff}.hero-breadcrumb-separator{opacity:.5;display:flex;align-items:center}html[dir=rtl] .hero-breadcrumb-separator svg{transform:scaleX(-1)}.hero-subcategory-chips{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.hero-subcategory-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:var(--fw-medium);color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-full);text-decoration:none;white-space:nowrap;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-subcategory-chip:hover{background:#ffffff4d;border-color:#ffffff80}.hero-subcategory-chip svg{width:12px;height:12px;opacity:.8}html[dir=rtl] .hero-subcategory-chip svg{transform:scaleX(-1)}.category-page-header .breadcrumb-nav{display:flex;justify-content:center;width:100%;margin-bottom:4px}.category-page-header .breadcrumb-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--color-text-muted);text-transform:capitalize;font-weight:var(--fw-medium);flex-wrap:wrap}.category-page-header .breadcrumb-item a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease;padding-bottom:1px}.category-page-header .breadcrumb-item a:hover{color:var(--color-text);border-bottom-color:var(--color-text)}.category-page-header .breadcrumb-item.active{color:var(--color-text);font-weight:var(--fw-semibold)}.category-page-header .breadcrumb-separator{display:flex;align-items:center;justify-content:center;opacity:.35}.category-page-header .breadcrumb-separator svg{width:12px;height:12px}html[dir=rtl] .category-page-header .breadcrumb-separator svg{transform:scaleX(-1)}@media (max-width: 767px){.category-page-header{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.category-page-title{font-size:var(--fs-2xl)!important}}.subcategory-chips-wrapper{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:8px 0 0;width:100%}.subcategory-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;font-size:12px;font-weight:var(--fw-medium);font-family:var(--font-primary);color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);text-decoration:none;white-space:nowrap;transition:all .25s cubic-bezier(.16,1,.3,1);flex-shrink:0}.subcategory-chip:hover{background:var(--color-text);color:var(--color-white, #fff);border-color:var(--color-text);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.subcategory-chip svg{width:12px;height:12px;opacity:.4;transition:all .25s ease}html[dir=rtl] .subcategory-chip svg{transform:scaleX(-1)}.subcategory-chip:hover svg{opacity:1;transform:translate(2px)}html[dir=rtl] .subcategory-chip:hover svg{transform:scaleX(-1) translate(2px)}@media (max-width: 575px){.subcategory-chip{padding:6px 12px;font-size:11px}}.sub-marquee{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;cursor:grab}.sub-marquee::-webkit-scrollbar{display:none}.sub-marquee.is-dragging{cursor:grabbing;user-select:none}.sub-marquee__track{display:flex;align-items:flex-start;gap:1rem;width:max-content}.sub-marquee__copy{display:contents}
