/* category-style-v2-20261016: styles are restricted to the category template. */
html[data-rb-category-style] .sort-section{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:100%;max-width:none}
html[data-rb-category-style] .sort-section .search-box{display:flex;align-items:center;gap:0;box-sizing:border-box;width:100%;max-width:none;min-width:0;margin:0;padding:0 4px 0 0;border:1px solid #dce9f2;border-radius:999px;background:#fff;box-shadow:0 6px 24px #173a5105;overflow:visible;position:relative}
html[data-rb-category-style] .sort-section:focus-within{position:relative;z-index:10}
html[data-rb-category-style] .sort-section .search-box #searchInput{box-sizing:border-box;flex:1;min-width:0;width:0;height:56px;padding:17px 20px;border:0;border-radius:999px;background:transparent;box-shadow:none;font-size:15px;outline:0}
html[data-rb-category-style] .sort-section .search-box:focus-within{border-color:#9bc9e9;box-shadow:0 0 0 3px #bbe0ff40}
html[data-rb-category-style] .sort-section .search-box .search-btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 48px;width:48px;min-width:48px;height:48px;margin:4px 0;padding:0;border:0;border-radius:50%;background:#bbe0ff;color:#285776;transform:none}
html[data-rb-category-style] .sort-section .search-box .search-btn:hover{background:#a8d6fa;transform:none}
html[data-rb-category-style] .search-btn svg{display:block;flex:none;width:22px;height:22px}
html[data-rb-category-style] .search-btn:focus-visible{outline:3px solid #67a6d3;outline-offset:2px}
html[data-rb-category-style] .sort-controls{align-self:flex-end;max-width:100%}
html[data-rb-category-style] #recipesContainer{align-items:stretch}
html[data-rb-category-style] #recipesContainer .recipe-card{display:flex;flex-direction:column;height:100%;min-width:0;background:#fff;border:0;border-radius:24px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.05);transform:none!important;transition:box-shadow .25s}
html[data-rb-category-style] #recipesContainer .recipe-card:hover{transform:none!important;box-shadow:0 20px 30px -12px rgba(0,0,0,.15)}
html[data-rb-category-style] #recipesContainer .recipe-image-container{position:relative;flex:0 0 auto;width:100%;height:auto!important;min-height:0!important;aspect-ratio:16/9;background:#e7f1f8;overflow:hidden!important}
html[data-rb-category-style] #recipesContainer .recipe-image-container>.recipe-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;overflow:hidden!important}
html[data-rb-category-style] #recipesContainer .recipe-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0!important;transition:transform .4s}
html[data-rb-category-style] #recipesContainer .recipe-card:hover .recipe-image img{transform:scale(1.05)}
html[data-rb-category-style] #recipesContainer .recipe-info{display:flex;flex-direction:column;flex:1;min-width:0;padding:18px}
html[data-rb-category-style] #recipesContainer .recipe-title{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.3px;margin:0 0 6px;overflow-wrap:anywhere}
html[data-rb-category-style] .rb-category-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px;margin:8px 0 12px;font-size:13px;line-height:1.5}
html[data-rb-category-style] .rb-category-rating{display:inline-flex;align-items:baseline;flex-wrap:nowrap;gap:5px;margin:0;white-space:nowrap;font-size:13px;line-height:1.5}
html[data-rb-category-style] .rb-category-star{color:#ffc107}
html[data-rb-category-style] .rb-category-score{font-weight:600}
html[data-rb-category-style] .rb-category-votes{color:#666;font-size:12px}
html[data-rb-category-style] .rb-category-separator{font-size:11px;font-weight:600;color:#4a6a8a}
html[data-rb-category-style] .rb-category-meta .recipe-category{display:contents;font-size:11px;font-weight:600;line-height:1.5;color:#4a6a8a;text-transform:uppercase;letter-spacing:.8px}
html[data-rb-category-style] .rb-category-meta .recipe-category>span{max-width:100%;overflow-wrap:anywhere}
html[data-rb-category-style] .rb-category-views{margin-left:auto;color:#666;font-size:12px;white-space:nowrap}
html[data-rb-category-style] #recipesContainer .recipe-ingredients{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;max-height:4.5em;font-size:13px;line-height:1.5;color:#666;margin:0 0 15px;overflow-wrap:anywhere}
html[data-rb-category-style] #recipesContainer .view-recipe-btn{margin-top:auto;flex-shrink:0;width:100%;padding:10px 24px;border:0;border-radius:40px;background:linear-gradient(135deg,#1a1a1a,#2c2c2c);color:white;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.5px;line-height:1.5;text-align:center}
@media(max-width:599px){html[data-rb-category-style] .sort-section .search-box #searchInput{height:52px;font-size:14px;padding:15px 12px}html[data-rb-category-style] .sort-section .search-box .search-btn{height:44px;width:44px;min-width:44px;flex-basis:44px}html[data-rb-category-style] .sort-controls{align-self:stretch}}
@media(prefers-reduced-motion:reduce){html[data-rb-category-style] #recipesContainer .recipe-card,html[data-rb-category-style] #recipesContainer .recipe-image img{transition:none}}

html[data-rb-category-style] #recipesContainer .view-recipe-btn:hover{transform:none;background:#333}


/* category-sort-layout-v1 */
html[data-rb-category-style] .sort-section .sort-controls {
    align-self:flex-start;
    width:auto !important;
    max-width:100%;
    justify-content:flex-start !important;
}
@media(max-width:768px) {
    html[data-rb-category-style] .sort-section .sort-controls {
        display:grid !important;
        grid-template-columns:auto minmax(0,200px);
        align-self:center;
        align-items:center !important;
        justify-content:center !important;
        gap:10px !important;
        width:auto !important;
        max-width:100%;
    }
    html[data-rb-category-style] .sort-controls label {
        margin:0 !important;
        white-space:nowrap;
    }
    html[data-rb-category-style] .sort-controls #sortSelect {
        box-sizing:border-box;
        width:100% !important;
        min-width:0 !important;
        max-width:200px !important;
        margin:0 !important;
        padding:10px 12px;
    }
    html[data-rb-category-style] .sort-controls #rbCategoryFilterToggle {
        grid-column:1 / -1;
        justify-self:center;
    }
}