.comment-section{max-width:100%;margin:0 auto;padding:2.5rem 1rem 5rem;font-family:inherit;position:relative;overflow:hidden;color:#f0f0f0;isolation:isolate}.comment-section>*{position:relative;z-index:1}.filters{justify-content:flex-start;margin:0 0 2rem;padding:1rem 0;border-bottom:1px solid #333}.date-filter,.filters{display:flex;align-items:center}.date-filter{gap:1rem;flex-wrap:wrap}.date-filter span{color:#888;font-size:.95rem;font-weight:500}.filter-btn.btn--cta{padding:.55rem 1.35rem;font-size:.9rem;color:#0a1210!important;border:none}.filter-btn--selected{box-shadow:0 6px 28px rgba(0,255,206,.5);transform:translateY(-1px)}.search-box input::placeholder{color:#777}.rating-filter{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.rating-filter span{color:#666;font-weight:500}.rating-btn{background:none;border:1px solid #444;border-radius:4px;padding:.4rem .8rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .2s ease;font-weight:400;color:#ccc;margin:.1rem;font-size:.9rem}.rating-btn:hover{background-color:#333}.rating-btn.active{background-color:#181818;border-color:#00FFCE;color:white;font-weight:500}.comments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin:2rem auto;max-width:1200px;padding:0 1rem}.comment-card{background:#222;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.3);padding:1.5rem;transition:all .2s ease;border:1px solid #333;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;color:#f0f0f0}.comment-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1);border-color:#00FFCE}.comment-header{display:flex;align-items:flex-start;margin-bottom:1rem;gap:1rem}.user-avatar{flex-shrink:0}.user-info{flex-grow:1}.user-info h3{margin:0;font-size:1rem;color:#f0f0f0;font-weight:500}.rating{display:flex;align-items:center;gap:.25rem;margin-top:.25rem}.rating img{width:16px;height:16px}.rating span{margin-left:.5rem;font-size:.9rem;color:#666;font-weight:700}.review-date{color:#888;font-size:.85rem;white-space:nowrap;font-weight:400}.comment-text{color:#ccc;line-height:1.6;margin:1rem 0 1.2rem;font-size:.9rem;font-weight:300;flex-grow:1}.comment-photos{margin-top:.5rem}.comment-photos span{color:#00FFCE;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;font-weight:500;transition:all .2s ease;text-decoration:none}.comment-photos span:hover{color:#181818;text-decoration:underline}.load-more{text-align:center;margin-top:3rem}.load-more .btn{padding:.55rem 1.35rem;font-size:.9rem}.no-results{color:#999;font-size:1.1rem;grid-column:1/-1}.loading,.no-results{text-align:center;padding:2rem}.loading{color:#666;font-size:1.2rem;font-weight:500}.comments-loading{filter:blur(5px);transition:filter .3s ease-out;position:relative}.comments-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(24,24,24,.7);z-index:1;border-radius:8px}.comments-grid{transition:opacity .3s ease-out}.comments-loading .comments-grid{opacity:.6}@media (max-width:768px){.comment-section{padding:2.5rem 1rem}.comment-section h2{font-size:1.8rem;margin-bottom:1.5rem}.comments-grid{grid-template-columns:1fr;gap:1.2rem;padding:0 .5rem}.filters{flex-direction:column;align-items:stretch;gap:1rem;padding:0 .5rem}.search-box{width:100%}.search-box input{width:100%;padding:.7rem 1rem;font-size:.9rem}.rating-filter{justify-content:flex-start;flex-wrap:wrap;margin-top:.5rem}.rating-btn{padding:.35rem .7rem;font-size:.85rem}.load-more button{width:100%;padding:.8rem;font-size:.9rem}.comment-card{padding:1.2rem}}