.offer-main { display: flex;
min-height: calc(100vh - 80px); padding-top: 30px; }
.offer-sidebar { width: 225px; background-color: var(--dark-black); padding: 30px 20px; position: sticky; top: 100px;
height: calc(100vh - 100px); overflow-y: auto; border-right: 1px solid rgba(212, 175, 55, 0.2); }
.offer-category-list { list-style: none;
}
.offer-category-item { margin-bottom: 20px; }
.offer-category-link { display: flex; align-items: center; padding: 12px 15px; border-radius: 5px; transition: all 0.3s ease;
color: var(--gray); font-weight: 500; }
.offer-category-link:hover { background-color: rgba(212, 175, 55, 0.1); color: var(--white); }
.offer-category-link.active { background-color: rgba(212, 175, 55, 0.2);
color: var(--gold); border-left: 3px solid var(--gold); }
.offer-category-link i { margin-right: 10px; font-size: 18px; width: 20px; text-align: center;
}

.offer-content { flex: 1; padding: 0 30px 50px; }
.offer-filters { display: flex; justify-content: center; margin-bottom: 40px; flex-wrap: wrap; gap: 15px;
}

.offer-filters .filter-btn { padding: 10px 20px; background-color: var(--light-black); color: var(--gray);
border: 1px solid rgba(212, 175, 55, 0.2); border-radius: 25px; cursor: pointer; transition: all 0.3s ease; font-weight: 500;
}
.offer-filters .filter-btn:hover { background-color: rgba(212, 175, 55, 0.1); color: var(--white); }
.offer-filters .filter-btn.active { background: var(--gold-gradient); color: var(--black); border-color: var(--gold);
}

.offer-category-title { margin: 60px 0 30px; padding-bottom: 15px; border-bottom: 1px solid rgba(212, 175, 55, 0.3); }
.offer-category-title h2 { font-size: 28px;
color: var(--gold); display: flex; align-items: center; }
.offer-category-title h2 i { margin-right: 15px; font-size: 30px; }

.offer-list-grid { display: grid;
grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 60px; }
.offer-list-item { padding: 0;
} 
.offer-list-image { width: 100%; height: 545px; overflow: hidden;
}
.offer-list-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.offer-list-item:hover .offer-list-image img { transform: scale(1.05);
}

.loading { text-align: center; padding: 40px; color: var(--gray); }
.loading i { font-size: 40px; color: var(--gold); margin-bottom: 20px;
}
.no-offers { text-align: center; padding: 40px; color: var(--gray); font-size: 18px;
}

@media (max-width: 1024px) {
    .offer-list-grid { grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
    .offer-main { flex-direction: column; }
    .offer-sidebar { width: 100%;
position: static; height: auto; margin-bottom: 30px; }
    .offer-content { padding: 0 15px 50px;
}
    .offer-list-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .offer-list-grid { grid-template-columns: 1fr;
}
    .offer-filters .filter-btn { padding: 8px 15px; font-size: 14px;
}
}