.classes-header{text-align:center;margin-bottom:30px}.classes-header h1{color:#333;margin-bottom:10px}.classes-header p{color:#666}.filters{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.filter-btn{padding:10px 20px;border:2px solid #ddd;background:white;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s}.filter-btn.active{background:#007bff;color:white}.filter-btn.active,.filter-btn:hover{border-color:#007bff}.empty-state{text-align:center;padding:40px;color:#666}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:25px;gap:25px}.classes-grid .class-card{background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-decoration:none;color:#333;display:flex;flex-direction:column;transition:all .3s;overflow:hidden;padding:0}.classes-grid .class-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.15)}.classes-grid .class-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding:20px 20px 0}.classes-grid .class-header h2{font-size:22px;color:#333}.recurring-badge{background:#ffc107;color:#000;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.class-description{color:#666;margin-bottom:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.instructor{color:#666;font-size:14px;margin-bottom:15px}.class-details{margin-top:auto;padding-top:15px;border-top:1px solid #eee}.detail-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.detail-item .label{color:#666}.detail-item .value{font-weight:500;color:#333}.detail-item .value.price{color:var(--color-accent,#C4A77D);font-size:18px}.classes-grid .class-image{width:100%;height:200px;overflow:hidden;position:relative}.classes-grid .class-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.classes-grid .class-card:hover .class-image img{transform:scale(1.05)}.classes-grid .class-image-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;align-items:center;justify-content:center}.classes-grid .class-image-placeholder span{font-size:4rem;opacity:.3}.class-content{display:flex;flex-direction:column;gap:var(--space-md);flex:1 1}.classes-grid .class-description,.classes-grid .class-details,.classes-grid .instructor{padding-left:20px;padding-right:20px}.classes-grid .class-card .btn-primary{margin:15px 20px 20px}.icon-calendar:before,.icon-camera:before,.icon-clock:before,.icon-price:before,.icon-user:before,.icon-users:before{content:"";display:inline-block;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;vertical-align:middle;margin-right:4px}.icon-user:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23C4A77D' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E")}.icon-clock:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23C4A77D' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E")}.icon-users:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23C4A77D' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E")}.icon-price:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23C4A77D' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3Cpath d='M13.5 7c-1.93 0-3.5 1.57-3.5 3.5h-2V12h2c0 1.93 1.57 3.5 3.5 3.5.5 0 .97-.11 1.4-.29l-.7-1.21c-.22.07-.46.11-.7.11-.97 0-1.75-.78-1.75-1.75h3v-1.5h-3c0-.97.78-1.75 1.75-1.75.24 0 .48.04.7.11l.7-1.21c-.43-.18-.9-.29-1.4-.29z'/%3E%3C/svg%3E")}.icon-calendar:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23C4A77D' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm-8 4H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z'/%3E%3C/svg%3E")}.icon-camera:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23C4A77D' viewBox='0 0 24 24'%3E%3Cpath d='M9.4 10.5l4.77-8.26a10.037 10.037 0 00-8.49 2.11l3.72 6.15zm11.24 1.5H12l-4.77 8.26c.75.25 1.54.39 2.38.45l11.03-.01zm-1.51-1.5l-3.72-6.15c-1.49-.87-3.25-1.35-5.13-1.35l8.85 7.5zm-11.4.01L3 12.01c0 2.74 1.11 5.22 2.9 7.01l4.77-8.26-.94-.75zm13.56-2.36l-4.77 8.25c2.47-1.27 4.37-3.69 5.03-6.47l-.26-1.78zm-13.9 7.85l4.77-8.25-4.77-8.26C4.57 5.99 3.01 8.9 3.01 12.01c0 2.74 1.11 5.22 2.9 7.01l.48-.01z'/%3E%3C/svg%3E")}.class-image-placeholder .icon-camera:before{width:64px;height:64px;opacity:.5}