.courses-header{text-align:center;color:oklch(28% .07 195);background:linear-gradient(160deg,oklch(92% .04 148) 0%,oklch(96% .02 185) 100%);padding:60px 20px 72px;position:relative;overflow:hidden}.courses-deco{pointer-events:none;filter:drop-shadow(0 8px 16px #0000001f);width:clamp(100px,13vw,165px);height:auto;position:absolute;bottom:0;right:4%}@media (width<=820px){.courses-deco{display:none}}.courses-header h1{color:oklch(25% .08 195);margin-bottom:20px;font-size:42px}.courses-header p{color:oklch(42% .06 185);font-size:18px}.courses-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:32px;display:none}.courses-filters input[type=search],.courses-filters select{font-family:var(--font-main,"Nunito", sans-serif);color:oklch(28% .06 185);background:#fff;border:2px solid oklch(90% .02 185);border-radius:12px;outline:none;padding:10px 16px;font-size:15px;transition:border-color .2s}.courses-filters input[type=search]{flex:1;min-width:200px}.courses-filters input[type=search]:focus,.courses-filters select:focus{border-color:var(--primary,#0a5e66)}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-slab{background:linear-gradient(90deg,oklch(94% .01 185) 25%,oklch(91% .02 185) 50%,oklch(94% .01 185) 75%) 0 0/1200px 100%;border-radius:10px;animation:1.6s infinite shimmer}.skeleton-card{background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 15px 35px #0000000f}.skeleton-img{border-radius:0;height:180px}.skeleton-body{flex-direction:column;align-items:center;gap:12px;padding:25px;display:flex}.skeleton-title{width:65%;height:22px}.skeleton-text{width:90%;height:13px}.skeleton-text.s{width:60%}.skeleton-btn{border-radius:30px;width:160px;height:48px;margin-top:8px}.courses-empty,.courses-coming-soon{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:none}.courses-empty-icon{font-size:52px}.courses-empty h3{color:oklch(28% .06 185);margin:0;font-size:20px;font-weight:800}.courses-empty p{color:oklch(52% .03 185);margin:0}.btn-reset-filters{background:var(--primary,#0a5e66);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:8px;padding:10px 22px;font-size:14px;font-weight:700}.course-explore-btn{background:var(--accent-green,#89b88c);color:#fff;border-radius:30px;margin:15px auto 0;padding:15px 30px;font-size:16px;font-weight:900;transition:transform .2s,background-color .2s;display:inline-block;box-shadow:0 5px 15px #89b88c66}.product-card:hover .course-explore-btn{background-color:var(--secondary,#0a5e66);transform:scale(1.05)}.product-card img{transition:transform .3s}.product-card:hover img{transform:scale(1.05)}@media (width<=768px){.courses-header{padding:36px 20px 44px!important}.courses-header h1{margin-bottom:10px!important;font-size:30px!important}.courses-header p{font-size:15px!important}section.container{padding:28px 16px!important}#courses-grid{grid-template-columns:1fr!important;gap:10px!important}#courses-grid .product-card{min-height:100px;border:2px solid oklch(93% .03 148)!important;border-radius:16px!important;flex-direction:row!important;box-shadow:0 4px 14px #00000012!important}#courses-grid .product-card>a{flex-direction:row!important;height:auto!important}#courses-grid .product-card .product-image-box{border-bottom:none!important;border-right:3px dashed oklch(90% .03 148)!important;border-radius:0!important;flex-shrink:0!important;width:100px!important;min-width:100px!important;height:100px!important}#courses-grid .product-card .product-info{text-align:left!important;justify-content:center!important;padding:12px 14px!important}#courses-grid .product-card .product-info h3{letter-spacing:0!important;margin-bottom:4px!important;font-size:15px!important;line-height:1.3!important}#courses-grid .product-card .product-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;flex-grow:0!important;margin-bottom:8px!important;font-size:12px!important}#courses-grid .course-explore-btn{align-self:flex-start;margin:0!important;padding:7px 12px!important;font-size:11px!important}}