:root{--fann-categories-accent:var(--fann-accent,#FEC30F);--fann-categories-black:#0c0d0f;--fann-categories-muted:#666d76;--fann-categories-border:#e4e7eb;--fann-categories-shell:1360px}
.fann-all-categories-page{background:#fff;color:#17191c;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;overflow:hidden}
.fann-all-categories-shell{width:min(var(--fann-categories-shell),calc(100% - 40px));margin:0 auto}
.fann-all-categories-hero{position:relative;padding:42px 0 56px;border-top:1px solid rgba(254,195,15,.6);border-bottom:1px solid #eceff2;background:linear-gradient(105deg,#fff8dc 0%,#fffdf5 43%,#f7f8fa 100%);isolation:isolate}
.fann-all-categories-hero::before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(254,195,15,.25);border-radius:50%;right:6%;top:-255px;box-shadow:0 0 0 65px rgba(254,195,15,.035);z-index:-1}
.fann-all-categories-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:28px;font-size:13px;line-height:1.4;color:#68707a}
.fann-all-categories-breadcrumb a{color:#68707a;text-decoration:none}.fann-all-categories-breadcrumb a:hover{color:#111}
.fann-all-categories-hero__content{max-width:890px;margin:0 auto;text-align:center}
.fann-all-categories-eyebrow,.fann-all-categories-directory__eyebrow{display:inline-block;color:#8b6a00;font-size:11px;line-height:1.2;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.fann-all-categories-hero h1{margin:13px 0 12px;color:#0c0d0f;font-size:clamp(38px,4.5vw,58px);line-height:1.03;font-weight:760;letter-spacing:-.045em}
.fann-all-categories-hero__content>p{max-width:720px;margin:0 auto;color:#626973;font-size:16px;line-height:1.65}
.fann-all-categories-search{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;max-width:720px;min-height:58px;margin:30px auto 0;padding:5px;border:1px solid #e0e3e7;border-radius:999px;background:#fff;box-shadow:0 12px 32px rgba(22,28,36,.09)}
.fann-all-categories-search:focus-within{border-color:#d5aa00;box-shadow:0 12px 34px rgba(22,28,36,.09),0 0 0 3px rgba(254,195,15,.13)}
.fann-all-categories-search__icon{display:grid;place-items:center;color:#727983}.fann-all-categories-search__icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.fann-all-categories-search input{min-width:0;height:46px;padding:0 48px 0 2px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#111;font:500 15px/1.2 inherit}
.fann-all-categories-search input::placeholder{color:#9ba1aa}
.fann-all-categories-search>button[type=submit]{height:46px;padding:0 25px;border:0;border-radius:999px;background:var(--fann-categories-accent);color:#111;font:750 14px/1 inherit;cursor:pointer;transition:transform .18s ease,background .18s ease}.fann-all-categories-search>button[type=submit]:hover{background:#ffd33f;transform:translateY(-1px)}
.fann-all-categories-search__clear{position:absolute;right:112px;top:50%;width:34px;height:34px;transform:translateY(-50%);display:grid;place-items:center;border:0;border-radius:50%;background:#f3f4f5;color:#68707a;cursor:pointer}.fann-all-categories-search__clear[hidden]{display:none}.fann-all-categories-search__clear svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.fann-all-categories-directory{padding:58px 0 76px;background:#fff}
.fann-all-categories-directory__head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:25px}
.fann-all-categories-directory__head h2{margin:7px 0 0;font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.025em;color:#111318}.fann-all-categories-directory__head p{max-width:460px;margin:0;color:#747b84;font-size:14px;line-height:1.6;text-align:right}
.fann-all-categories-results{min-height:420px;transition:opacity .22s ease,transform .22s ease}.fann-all-categories-results.is-revealed{animation:fannCategoriesReveal .34s ease both}
@keyframes fannCategoriesReveal{from{opacity:.12;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.fann-all-categories-results__meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;color:#868c94;font-size:12.5px;font-weight:600}
.fann-all-categories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.fann-all-category-card{position:relative;min-width:0;min-height:124px;display:grid;grid-template-columns:112px minmax(0,1fr) 30px;align-items:center;gap:8px;padding:9px 11px 9px 9px;border:1px solid var(--fann-categories-border);border-radius:15px;overflow:hidden;background:linear-gradient(118deg,#fffdf5 0%,#fff 58%);color:#15171a!important;text-decoration:none!important;box-shadow:0 3px 13px rgba(20,24,32,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;isolation:isolate}
.fann-all-category-card::before{content:"";position:absolute;left:-45px;bottom:-78px;width:210px;height:175px;border-radius:50%;background:radial-gradient(circle,rgba(254,195,15,.2) 0%,rgba(254,195,15,.045) 61%,transparent 73%);z-index:-1}
.fann-all-category-card:hover{transform:translateY(-3px);border-color:rgba(254,195,15,.8);box-shadow:0 12px 28px rgba(20,24,32,.09)}
.fann-all-category-card__visual{height:102px;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.fann-all-category-card__visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .22s ease}.fann-all-category-card:hover .fann-all-category-card__visual img{transform:scale(1.04)}
.fann-all-category-card__content{min-width:0;display:flex;flex-direction:column;gap:5px}.fann-all-category-card__content strong{color:#111318;font-size:15px;line-height:1.25;font-weight:700;overflow-wrap:anywhere}.fann-all-category-card__content small{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#727982;font-size:11px;line-height:1.4;font-weight:500}
.fann-all-category-card__arrow{width:27px;height:27px;display:grid;place-items:center;border:1px solid #e8ebee;border-radius:50%;background:#fff;color:#34383d;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:background .18s ease,border-color .18s ease,transform .18s ease}.fann-all-category-card__arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fann-all-category-card:hover .fann-all-category-card__arrow{background:var(--fann-categories-accent);border-color:var(--fann-categories-accent);transform:translateX(1px)}
.fann-all-categories-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:30px}.fann-all-categories-pagination button{min-width:38px;height:38px;padding:0 10px;border:1px solid #dfe3e7;border-radius:11px;background:#fff;color:#272b30;font-size:13px;font-weight:700;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.fann-all-categories-pagination button:hover:not(:disabled){border-color:#d1aa12;background:#fff9df;transform:translateY(-1px)}.fann-all-categories-pagination button.is-current{border-color:var(--fann-categories-accent);background:var(--fann-categories-accent);color:#111}.fann-all-categories-pagination button:disabled{opacity:.38;cursor:not-allowed}.fann-all-categories-pagination span{padding:0 3px;color:#8c929a}.fann-all-categories-pagination__arrow{display:grid;place-items:center!important}.fann-all-categories-pagination__arrow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fann-all-categories-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;border:1px dashed #dce0e4;border-radius:18px;background:linear-gradient(130deg,#fffefa,#fff);text-align:center}.fann-all-categories-empty__icon{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:var(--fann-categories-accent);color:#111;box-shadow:0 10px 26px rgba(254,195,15,.22)}.fann-all-categories-empty__icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.fann-all-categories-empty h2{margin:20px 0 6px;font-size:24px;line-height:1.2;font-weight:700}.fann-all-categories-empty p{max-width:520px;margin:0;color:#777e86;font-size:14px;line-height:1.6}
.fann-all-categories-results__loading{height:28px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:#7d848c;font-size:12px;font-weight:650}.fann-all-categories-skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.fann-all-category-skeleton{min-height:124px;display:grid;grid-template-columns:112px minmax(0,1fr) 30px;align-items:center;gap:8px;padding:9px 11px 9px 9px;border:1px solid #edf0f2;border-radius:15px;background:#fff;overflow:hidden}.fann-all-category-skeleton__image,.fann-all-category-skeleton__body i,.fann-all-category-skeleton__arrow{position:relative;overflow:hidden;background:#f0f2f4}.fann-all-category-skeleton__image::after,.fann-all-category-skeleton__body i::after,.fann-all-category-skeleton__arrow::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:fannCategoryShimmer 1.15s linear infinite}@keyframes fannCategoryShimmer{to{transform:translateX(100%)}}.fann-all-category-skeleton__image{height:98px;border-radius:12px}.fann-all-category-skeleton__body{display:flex;flex-direction:column;gap:9px}.fann-all-category-skeleton__body i{display:block;height:13px;border-radius:999px}.fann-all-category-skeleton__body i+ i{width:68%;height:10px}.fann-all-category-skeleton__arrow{width:27px;height:27px;border-radius:50%}
@media(max-width:1100px){.fann-all-categories-grid,.fann-all-categories-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fann-all-category-card,.fann-all-category-skeleton{grid-template-columns:96px minmax(0,1fr) 28px}.fann-all-category-card__visual{height:90px}.fann-all-category-skeleton__image{height:88px}}
@media(max-width:820px){.fann-all-categories-shell{width:min(100% - 30px,var(--fann-categories-shell))}.fann-all-categories-hero{padding:34px 0 44px}.fann-all-categories-hero::before{right:-210px}.fann-all-categories-breadcrumb{margin-bottom:22px}.fann-all-categories-directory{padding:44px 0 60px}.fann-all-categories-directory__head{align-items:flex-start;flex-direction:column;gap:9px}.fann-all-categories-directory__head p{text-align:left}.fann-all-categories-grid,.fann-all-categories-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fann-all-category-card,.fann-all-category-skeleton{min-height:112px;grid-template-columns:88px minmax(0,1fr) 25px;padding:8px;gap:5px}.fann-all-category-card__visual{height:84px}.fann-all-category-skeleton__image{height:82px}.fann-all-category-card__content strong{font-size:14px}.fann-all-category-card__content small{font-size:10.5px}}
@media(max-width:560px){.fann-all-categories-shell{width:calc(100% - 24px)}.fann-all-categories-hero{padding:28px 0 36px}.fann-all-categories-breadcrumb{margin-bottom:18px;font-size:12px}.fann-all-categories-eyebrow{font-size:10px}.fann-all-categories-hero h1{font-size:34px}.fann-all-categories-hero__content>p{font-size:14px}.fann-all-categories-search{grid-template-columns:34px minmax(0,1fr) auto;min-height:52px;margin-top:23px;padding:4px}.fann-all-categories-search input{height:42px;padding-right:36px;font-size:13px}.fann-all-categories-search>button[type=submit]{height:42px;padding:0 16px;font-size:12px}.fann-all-categories-search__clear{right:84px;width:29px;height:29px}.fann-all-categories-directory{padding:34px 0 48px}.fann-all-categories-directory__head h2{font-size:24px}.fann-all-categories-results__meta{font-size:11px}.fann-all-categories-grid,.fann-all-categories-skeleton-grid{gap:9px}.fann-all-category-card,.fann-all-category-skeleton{min-height:98px;grid-template-columns:72px minmax(0,1fr) 21px;gap:3px;padding:6px;border-radius:12px}.fann-all-category-card__visual{height:72px}.fann-all-category-skeleton__image{height:70px}.fann-all-category-card__content{gap:2px}.fann-all-category-card__content strong{font-size:12.5px}.fann-all-category-card__content small{font-size:9.5px;line-height:1.3}.fann-all-category-card__arrow,.fann-all-category-skeleton__arrow{width:21px;height:21px}.fann-all-category-card__arrow svg{width:11px;height:11px}.fann-all-categories-pagination{gap:5px;margin-top:24px}.fann-all-categories-pagination button{min-width:34px;height:34px;padding:0 8px;border-radius:10px;font-size:12px}}
@media(max-width:360px){.fann-all-categories-grid,.fann-all-categories-skeleton-grid{grid-template-columns:1fr}.fann-all-category-card,.fann-all-category-skeleton{grid-template-columns:90px minmax(0,1fr) 24px}.fann-all-category-card__visual{height:78px}.fann-all-category-skeleton__image{height:76px}}
@media(prefers-reduced-motion:reduce){.fann-all-category-card,.fann-all-category-card__visual img,.fann-all-category-card__arrow,.fann-all-categories-search>button[type=submit],.fann-all-categories-pagination button,.fann-all-categories-results{transition:none!important}.fann-all-category-skeleton__image::after,.fann-all-category-skeleton__body i::after,.fann-all-category-skeleton__arrow::after{animation:none!important}.fann-all-categories-results.is-revealed{animation:none!important}}