/* RESET */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Arial,sans-serif;background:#f8fafc;color:#0f172a;}


.container {
    width:95%;
    max-width:1450px;
    margin:auto;
}

.events-page{width:100%;min-height:100vh;padding:40px 0;}
.events-layout{display:grid;grid-template-columns:260px 1fr 260px;gap:25px;align-items:start;}
.events-sidebar{display:flex;flex-direction:column;gap:20px;}
.sidebar-card{background:#fff;padding:25px;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 5px 20px rgba(0,0,0,0.05);}
.sidebar-card h3{margin-bottom:15px;font-size:20px;}
.sidebar-card p{color:#475569;line-height:1.7;}
.events-hero{background:linear-gradient(135deg,#2563eb,#1e3a8a);color:#fff;padding:50px;border-radius:30px;margin-bottom:35px;box-shadow:0 10px 30px rgba(37,99,235,0.3);}
.events-hero h1{font-size:38px;margin-bottom:20px;}
.events-hero p{line-height:1.8;font-size:17px;max-width:900px;}
.events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:30px;}
.event-card{background:#fff;border-radius:25px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 8px 25px rgba(0,0,0,0.05);transition:0.3s transform,0.3s box-shadow;}
.event-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 35px rgba(0,0,0,0.1);}
.event-image img{width:100%;height:220px;object-fit:cover;}
.event-content{padding:25px;}
.event-category{display:inline-block;padding:7px 14px;border-radius:50px;background:#dbeafe;color:#1d4ed8;font-size:14px;font-weight:700;margin-bottom:15px;}
.event-category.conference{background:#ede9fe;color:#7c3aed;}
.event-category.salon{background:#dcfce7;color:#15803d;}
.event-content h2{font-size:22px;margin-bottom:15px;line-height:1.4;}
.event-content p{color:#475569;line-height:1.7;margin-bottom:20px;}
.event-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px;font-size:14px;color:#64748b;}
.event-btn{display:inline-block;padding:12px 22px;background:#2563eb;color:#fff;text-decoration:none;border-radius:12px;font-weight:700;transition:0.3s;}
.event-btn:hover{background:#1e40af;}
.country-ads{list-style:none;display:flex;flex-direction:column;gap:12px;}
.country-ads li{padding:12px;background:#f1f5f9;border-radius:12px;font-weight:600;}
.country-menu{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:35px;justify-content:center;}
.country-btn{padding:12px 22px;border:none;border-radius:50px;background:#fff;border:1px solid #dbeafe;cursor:pointer;font-weight:700;transition:0.3s;color:#1e293b;}
.country-btn:hover{background:#2563eb;color:#fff;}
.country-btn.active{background:#2563eb;color:#fff;box-shadow:0 5px 20px rgba(37,99,235,0.3);}

/* FILTER BOX */
.filter-box{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:35px;background:#fff;padding:20px 25px;border-radius:25px;box-shadow:0 8px 20px rgba(0,0,0,0.05);}
.filter-box select{padding:12px 18px;border:1px solid #cbd5e1;border-radius:12px;font-size:15px;outline:none;transition:0.3s;min-width:180px;}
.filter-box select:focus{border-color:#2563eb;}
.filter-box button{padding:12px 22px;border:none;border-radius:12px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer;transition:0.3s;}
.filter-box button:hover{background:#1e40af;}
.filter-box #resetBtn{background:#f1f5f9;color:#1e293b;}
.filter-box #resetBtn:hover{background:#e2e8f0;}

/* PAGINATION */
.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;}
.pagination button{padding:10px 16px;border:none;border-radius:12px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer;transition:0.3s;}
.pagination button:hover{background:#1e40af;}
.pagination button:disabled{background:#cbd5e1;cursor:not-allowed;}

/* RESPONSIVE */
@media(max-width:1200px){.events-layout{grid-template-columns:1fr;}.events-sidebar{display:none;}}
@media(max-width:768px){.events-hero{padding:35px;}.events-hero h1{font-size:28px;}.event-content h2{font-size:20px;}.events-grid{grid-template-columns:1fr;}}