.categories-page-header{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);background:var(--color-surface);text-align:center;border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-2xl);position:relative;z-index:5}.categories-header-content{display:flex;flex-direction:column;align-items:start;gap:var(--spacing-md)}.categories-page-title{font-family:var(--font-heading);font-size:var(--fs-5xl);font-weight:var(--fw-bold);color:var(--color-text);margin:0;line-height:1.1;text-transform:capitalize}.breadcrumb-nav{display:flex;justify-content:center}.breadcrumb-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:var(--spacing-sm);font-size:11px;color:var(--color-text-muted);text-transform:uppercase;font-weight:var(--fw-semibold)}.breadcrumb-item a{color:inherit;transition:all var(--transition-fast);text-decoration:none;border-bottom:1px solid transparent}.breadcrumb-item a:hover{color:var(--color-text);border-bottom-color:var(--color-text)}.breadcrumb-separator{display:flex;align-items:center;justify-content:center;opacity:.4;color:var(--color-text-muted)}html[dir=rtl] .breadcrumb-separator svg{transform:scaleX(-1)}@media (max-width: 767px){.categories-page-header{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.categories-header-content{gap:var(--spacing-sm)}.categories-page-title{font-size:var(--fs-lg)}}.categories-page-grid{display:grid;grid-template-columns:repeat(var(--cat-cols-desktop, 3),1fr);gap:var(--spacing-xl);padding-bottom:var(--spacing-3xl)}@media (max-width: 991px){.categories-page-grid{grid-template-columns:repeat(var(--cat-cols-tablet, 2),1fr);gap:var(--spacing-lg)}}@media (max-width: 575px){.categories-page-grid{grid-template-columns:repeat(var(--cat-cols-mobile, 1),1fr);gap:var(--spacing-md)}}.cat-card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .4s cubic-bezier(.19,1,.22,1),transform .4s cubic-bezier(.19,1,.22,1)}.cat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cat-card__image-wrapper{position:relative;width:100%;aspect-ratio:var(--cat-image-ratio, 1/1);overflow:hidden;background:var(--color-surface)}.cat-card__image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.19,1,.22,1)}.cat-card:hover .cat-card__image{transform:scale(1.06)}.cat-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-border-light) 100%)}.cat-card__placeholder-letter{font-family:var(--font-heading);font-size:var(--fs-hero);font-weight:var(--fw-bold);color:var(--color-text-muted);opacity:.35;text-transform:uppercase;user-select:none}.cat-card__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00000073,#0003,#0006 70%,#000000bf);display:flex;flex-direction:column;transition:background .4s ease}.cat-card:hover .cat-card__overlay{background:linear-gradient(to bottom,#0000008c,#0000004d,#0009 70%,#000000d9)}.cat-card__full-link{position:absolute;inset:0;z-index:10}.cat-card__content{position:relative;z-index:20;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:var(--spacing-xl);pointer-events:none}.cat-card__name{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--color-white);text-align:center;margin:auto;text-shadow:0 2px 8px rgba(0,0,0,.4);transition:transform .4s cubic-bezier(.19,1,.22,1)}.cat-card:hover .cat-card__name{transform:scale(1.05)}.cat-card__subcat-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;pointer-events:auto;margin-top:auto}.cat-card__subcat-link{font-size:var(--fs-sm);font-weight:var(--fw-medium);font-family:var(--font-primary);color:var(--color-white);background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);padding:8px 16px;border-radius:var(--radius-full);transition:all var(--transition-fast);text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cat-card__subcat-link:hover{background:#fffffff2;color:var(--color-black);border-color:#fff;text-shadow:none;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.cat-card__subcat-more-wrapper{position:relative;display:inline-flex}.cat-card__subcat-link--more{background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#ffffff26;font-weight:var(--fw-bold);cursor:pointer;display:flex;align-items:center;justify-content:center}.cat-card__subcat-link--more:hover,.cat-card__subcat-more-wrapper:focus-within .cat-card__subcat-link--more{background:#000000b3;color:var(--color-white);border-color:#ffffff4d}.cat-card__more-dropdown{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(10px);background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:8px;box-shadow:0 10px 25px #00000080;display:flex;flex-direction:column;gap:2px;min-width:max-content;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.19,1,.22,1);z-index:30;max-height:200px;overflow-y:auto}.cat-card__more-dropdown:after{content:"";position:fixed;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-style:solid;border-color:rgba(0,0,0,.85) transparent transparent transparent;pointer-events:none}html[dir=rtl] .cat-card__more-dropdown{left:auto;right:50%;transform:translate(50%) translateY(10px)}html[dir=rtl] .cat-card__more-dropdown:after{left:auto;right:50%;transform:translate(50%)}.cat-card__subcat-more-wrapper:hover .cat-card__more-dropdown,.cat-card__subcat-more-wrapper:focus-within .cat-card__more-dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}html[dir=rtl] .cat-card__subcat-more-wrapper:hover .cat-card__more-dropdown,html[dir=rtl] .cat-card__subcat-more-wrapper:focus-within .cat-card__more-dropdown{transform:translate(50%) translateY(0)}.cat-card__dropdown-link{font-size:var(--fs-sm);color:var(--color-white);padding:6px 12px;border-radius:var(--radius-sm);text-decoration:none;transition:background .2s ease,color .2s ease;white-space:nowrap;text-align:right}html[dir=ltr] .cat-card__dropdown-link{text-align:left}.cat-card__dropdown-link:hover,.cat-card__dropdown-link:focus{background:#ffffff26;color:var(--color-white);outline:none}.cat-card__more-dropdown::-webkit-scrollbar{width:4px}.cat-card__more-dropdown::-webkit-scrollbar-track{background:transparent}.cat-card__more-dropdown::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.categories-empty-state{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);grid-column:1 / -1}.categories-empty-state__icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);color:var(--color-border)}.categories-empty-state__title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.categories-empty-state__subtitle{font-size:var(--fs-base);color:var(--color-text-muted);margin:0}
