.category-main{max-width:1200px;margin:0 auto;padding:calc(var(--header-height-mobile) + 8px) 0 16px 0;box-sizing:border-box}@media (min-width: 768px){.category-main{padding-top:calc(var(--header-height-desktop) + 8px);padding-left:40px;padding-right:40px}}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:11px;color:#999;margin-bottom:12px;margin-top:4px;padding:0 16px}@media (min-width: 768px){.breadcrumb{padding:0}}.breadcrumb a{color:#999;text-decoration:none;transition:color .15s ease}.breadcrumb a:hover{color:#ff6b35}.breadcrumb-separator{color:#ddd;font-size:10px}.category-header-compact{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;padding:0 16px 12px;border-bottom:1px solid #f0f0f0}@media (min-width: 768px){.category-header-compact{padding-left:0;padding-right:0}}.category-title-section{flex:0 0 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.category-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.2}.category-description{font-size:15px;color:#666;margin:0;line-height:1.3}.category-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;margin:0;flex-wrap:wrap}.category-count{color:#ff6b35;font-weight:600}.category-meta-separator{color:#ddd}.category-description{color:#666}html.dark .breadcrumb,html.dark .breadcrumb a{color:var(--color-text-secondary)}html.dark .breadcrumb-separator,html.dark .category-meta-separator{color:var(--color-divider)}html.dark .category-header-compact{border-bottom-color:var(--color-divider)}html.dark .category-title{color:var(--color-text-primary)}html.dark .category-description,html.dark .category-meta,html.dark .filter-label{color:var(--color-text-secondary)}html.dark .filter-select,html.dark .density-select,html.dark .grid-toggle{background:#1c1c1e;border-color:var(--color-divider);color:var(--color-text-primary)}.category-controls{display:flex;align-items:flex-end;gap:12px;flex-shrink:0;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:11px;font-weight:600;letter-spacing:.5px;color:#999;text-transform:uppercase}.filter-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;color:#333;cursor:pointer;transition:all .2s ease;min-width:140px}.filter-select:hover{border-color:#ff6b35}.filter-select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.density-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;color:#333;cursor:pointer;transition:all .2s ease;min-width:140px;font-weight:500}.density-select:hover{border-color:#ff6b35}.density-select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.grid-toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease;white-space:nowrap}.grid-toggle:hover{border-color:#ff6b35;color:#ff6b35;background:#fff5f2}.grid-icon{flex-shrink:0}.grid-toggle-label{font-size:13px;font-weight:500}.recipe-grid{display:grid;gap:20px;margin-bottom:40px;padding:0 16px!important}@media (min-width: 768px){.recipe-grid{padding:0!important}}.recipe-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 768px) and (max-width: 1023px){.recipe-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}}@media (min-width: 1024px) and (max-width: 1279px){.recipe-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}}@media (min-width: 1280px){.recipe-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}}.recipe-grid-comfortable{grid-template-columns:1fr;gap:20px}@media (min-width: 768px) and (max-width: 1023px){.recipe-grid-comfortable{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}}@media (min-width: 1024px) and (max-width: 1279px){.recipe-grid-comfortable{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}}@media (min-width: 1280px){.recipe-grid-comfortable{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}}.recipe-grid-spacious{grid-template-columns:1fr;gap:24px}@media (min-width: 768px) and (max-width: 1023px){.recipe-grid-spacious{grid-template-columns:1fr!important;gap:24px!important}}@media (min-width: 1024px) and (max-width: 1279px){.recipe-grid-spacious{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}}@media (min-width: 1280px){.recipe-grid-spacious{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px!important}}@media (max-width: 768px){.category-header-compact{flex-direction:column;gap:16px;align-items:stretch}.category-controls{display:flex;align-items:flex-end;gap:6px;flex-wrap:nowrap;width:100%}.filter-group{flex:1 1 0;min-width:0}.filter-select{width:100%;min-width:0;padding:8px 6px;font-size:12px}.filter-label{font-size:9px;white-space:nowrap}.grid-toggle{flex:0 0 auto;padding:8px;min-width:0;gap:4px}.grid-icon{width:16px;height:16px}.grid-toggle-label{font-size:11px;white-space:nowrap}.category-title{font-size:28px}}@media (max-width: 480px){.category-title{font-size:24px}.category-meta{font-size:13px}}.category-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 16px 16px;flex-wrap:wrap}@media (min-width: 768px){.category-pagination{padding-left:0;padding-right:0}}.pagination-btn{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:500;color:#333;text-decoration:none;transition:all .15s ease;background:#fff}.pagination-btn:hover{border-color:#ff6b35;color:#ff6b35;background:#fff5f2}.pagination-disabled{color:#ccc;border-color:#f0f0f0;cursor:default;background:#fafafa}.pagination-disabled:hover{border-color:#f0f0f0;color:#ccc;background:#fafafa}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-page{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:500;color:#333;text-decoration:none;transition:all .15s ease;background:#fff}.pagination-page:hover{border-color:#ff6b35;color:#ff6b35;background:#fff5f2}.pagination-page--active{background:#ff6b35;border-color:#ff6b35;color:#fff;font-weight:700}.pagination-page--active:hover{background:#e55a28;border-color:#e55a28;color:#fff}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:14px;color:#999}@media (max-width: 480px){.pagination-btn{padding:8px 10px;font-size:13px}.pagination-page{width:32px;height:32px;font-size:13px}.pagination-ellipsis{width:24px}}.recipe-card-skeleton{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.skeleton-image{width:100%;aspect-ratio:4 / 3;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-content{padding:16px}.skeleton-title{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:12px;width:80%}.skeleton-meta{height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;width:50%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.recipe-count-summary{text-align:center;color:var(--color-text-secondary, #888);font-size:.875rem;padding:8px 16px 24px;margin:0}@media (min-width: 768px){.recipe-count-summary{padding-left:0;padding-right:0}}