.webinar-grid{
 display:grid;
 grid-template-columns: repeat(3,1fr);
 gap:20px;
}

.webinar-card{
 background:#fff;
 border-radius:10px;
 box-shadow:0 4px 10px rgba(0,0,0,0.08);
 overflow:hidden;
}

.webinar-card img{
 width:100%;
 height:180px;
 object-fit:cover;
}

.webinar-card .content{
 padding:15px;
}

.webinar-card h3{
 font-size:18px;
 margin:10px 0;
}

.webinar-card .btn{
 background:#ff8a00;
 color:#fff;
 padding:10px 15px;
 display:inline-block;
 margin-top:10px;
 border-radius:6px;
}

.fhc-filters{
 display:flex;
 flex-wrap:wrap;
 gap:10px;
 margin-bottom:20px;
}

.year-chip{
 padding:8px 14px;
 border:1px solid #d0d6e0;
 background:#fff;
 cursor:pointer;
 border-radius:6px;
}

.year-chip.active{
 background:#2f5fa7;
 color:#fff;
}

.webinar-grid{
 display:grid;
 grid-template-columns: repeat(3,1fr);
 gap:20px;
}

.loading{
 opacity:.5;
}

/* FILTER WRAPPER */
.fhc-filters{
 width:100%;
 display:flex;
 flex-wrap:wrap;
 gap:16px;
 margin-bottom:24px;
}

/* SEARCH BAR FULL WIDTH */
#webinar-search{
 width:100%;
 flex:0 0 100%;
 padding:14px 18px;
 font-size:16px;
 border:1px solid #d9dee7;
 border-radius:8px;
 background:#f7f9fc;
}

/* YEAR CHIP ROW */
.year-chips{
 display:flex;
 gap:10px;
 flex-wrap:wrap;
 width:100%;
}

/* CHIP STYLE */
.year-chip{
 padding:10px 18px;
 border:1px solid #d9dee7;
 background:#fff;
 cursor:pointer;
 border-radius:8px;
 font-weight:500;
}

.year-chip.active{
 background:#2f5fa7;
 color:#fff;
 border-color:#2f5fa7;
}

/* DROPDOWN FILTERS */
.fhc-filter{
 flex:1;
 min-width:220px;
 padding:12px;
 border:1px solid #d9dee7;
 border-radius:8px;
 background:#fff;
}

/* CLEAR BUTTON */
#clear-filters{
 padding:12px 20px;
 background:#67c1b7;
 border:none;
 color:#2f5fa7;
 border-radius:8px;
 cursor:pointer;
}

/* RESULTS GRID */
.webinar-grid{
 display:grid;
 grid-template-columns: repeat(3,1fr);
 gap:24px;
}

/* MOBILE */
@media(max-width:1024px){
 .webinar-grid{
     grid-template-columns: repeat(2,1fr);
 }
}

@media(max-width:640px){
 .webinar-grid{
     grid-template-columns:1fr;
 }
}

.fhc-webinar-layout{
 display:flex;
 gap:40px;
 align-items:flex-start;
}

.fhc-main{
 width:70%;
}

.fhc-sidebar{
 width:30%;
}

.sidebar-box{
 background:#fff;
 padding:20px;
 border-radius:10px;
 box-shadow:0 5px 20px rgba(0,0,0,0.06);
 margin-bottom:25px;
}

.sidebar-box h3{
 margin-bottom:15px;
}

.popular-webinars{
 list-style:none;
 padding:0;
}

.popular-webinars li{
 padding:12px 0;
 border-bottom:1px solid #eee;
}

.popular-webinars li a{
 text-decoration:none;
 font-weight:600;
 color:#1e3c72;
}

.subscribe-box img{
 width:100%;
 border-radius:8px;
 margin-bottom:15px;
}

.subscribe-box input{
 width:100%;
 padding:12px;
 margin:10px 0;
 border:1px solid #ddd;
 border-radius:6px;
}

.subscribe-btn{
 width:100%;
 background:#f39c12;
 color:#fff;
 border:none;
 padding:12px;
 border-radius:6px;
 font-weight:bold;
}
#webinar-results .webinar-card {
 display: flex;
 flex-direction: column;
}

#webinar-results .webinar-card img {
 height: 200px;
}

#webinar-results .webinar-card .content {
 flex: 1;
 display: flex;
 flex-direction: column;
}

#webinar-results .webinar-card .content .webinar-actions {
 margin-top: auto;
}
.search-filter {
 width: 100%;
}

.filter-topics {
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 gap: 10px;
 justify-content: space-between;
}

.filter-topics select {
 min-width: auto;
 width: 20%;
}

#webinar-results .webinar-card h3 {
 line-height: 1.5;
}
#webinar-results .webinar-card .content .webinar-actions a.btn {
 font-weight: 600;
}
.sidebar-box h3 {
 font-size: 26px;
}

.sidebar-box {padding: 20px 22px;}

.sidebar-box .popular-webinars {
 margin-left: 16px;
 margin-bottom: 0;
}

.sidebar-box .popular-webinars li {
 margin-bottom: 0;
 padding: 8px 0;
}
.fhc-webinar-layout {
 padding: 40px 0;
}

@media screen and (max-width: 768px) {
.fhc-webinar-layout {
 flex-direction: column;
 gap: 60px;
}

.fhc-main, aside.fhc-sidebar {
 width: 100%;
}
}