body .container.courses-archive{max-width:1170px!important;width:100%!important;margin:0 auto!important;padding:16px!important;box-sizing:border-box!important}body .archive-title{text-align:center!important;margin-bottom:20px!important;font-size:28px!important;font-weight:700!important}body .courses-search{display:flex!important;gap:10px;margin-bottom:20px!important}.courses-search select,.courses-search input{padding:10px 15px!important;font-size:16px!important}.container.courses-archive .courses-search select,.container.courses-archive .courses-search input{padding:10px 14px!important;font-size:14px!important;border:1px solid #ccc!important;border-radius:6px!important;background-color:#fff!important;box-shadow:0 2px 4px rgb(0 0 0 / .05)!important;transition:border-color 0.2s,box-shadow 0.2s!important}.container.courses-archive .courses-search select:focus,.container.courses-archive .courses-search input:focus{border-color:#00695c!important;box-shadow:0 0 0 3px rgb(0 105 92 / .15)!important;outline:none!important}.container.courses-archive .courses-search select{min-width:150px!important;cursor:pointer!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px!important;padding-right:30px!important}body .courses-content{display:flex!important;flex-direction:column!important;gap:20px!important}body .courses-filters{order:2!important}body .courses-grid{order:1!important;display:grid!important;grid-template-columns:1fr!important;gap:20px!important}body .course-card{background:#fff!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 4px 10px rgb(0 0 0 / .05)!important;transition:transform 0.2s ease!important}body .course-card:hover{transform:translateY(-4px)!important}body .course-thumbnail{position:relative!important;width:100%!important;aspect-ratio:16 / 9!important}body .course-thumbnail img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}body .course-badges{position:absolute!important;top:10px!important;left:10px!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important}body .badge{padding:4px 10px!important;border-radius:6px!important;font-size:12px!important;font-weight:bold!important;color:#fff!important}body .badge-permanent,body .badge-date{background:#1A615C!important;color:white!important}body .badge-price,body .badge-duration,body .badge-format,body .badge-bpr{background:#741C41!important}body .course-info{padding:15px!important}body .course-info h2{font-size:18px!important;font-weight:600!important;margin-bottom:8px!important}body .course-rating{font-size:14px!important;color:#f39c12!important;margin-bottom:10px!important}body .btn.btn-details{padding:8px 14px!important;background:#1a615c!important;color:white!important;border:none!important;border-radius:6px!important;cursor:pointer!important;font-size:14px!important;text-align:center!important;transition:background 0.2s ease!important}body .btn.btn-details:hover{background:#14514d!important}@media (min-width:768px){body .courses-content{flex-direction:row!important;align-items:flex-start!important}body .courses-filters{flex:0 0 250px!important}body .courses-grid{flex:1!important;grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1200px){body .courses-grid{grid-template-columns:repeat(3,1fr)!important}body .course-thumbnail{aspect-ratio:4 / 3!important}}@media (min-width:1600px){body .courses-grid{grid-template-columns:repeat(3,1fr)!important}}