.suggestions-section{margin:40px 0;padding:20px 0;position:relative}.swiper-wrapper{padding:0 10px}.suggestions-header{text-align:center;margin-bottom:24px;position:relative}.suggestions-title{font-size:24px;font-weight:800;margin:0 0 8px;line-height:1.2;letter-spacing:-.5px;text-shadow:0 4px 12px rgba(102,126,234,.3)}.suggestions-subtitle{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--dark-text-secondary);font-size:14px;font-weight:500;opacity:.9}.fire-icon{font-size:16px;animation:fireFlicker 2s ease-in-out infinite}@keyframes fireFlicker{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-2deg)}50%{transform:scale(1.05) rotate(1deg)}75%{transform:scale(1.08) rotate(-1deg)}}.suggestions-container{position:relative;overflow:hidden}.suggestions-swiper{overflow:visible;padding:8px 16px}.suggestion-slide{width:280px!important;flex-shrink:0}.suggestion-card{display:block;background:var(--dark-bg-card);border:2px solid rgba(102,126,234,.1);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;text-decoration:none;color:inherit;height:120px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.05)}.suggestion-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));opacity:0;transition:opacity .4s ease;z-index:1}.suggestion-card:hover:before{opacity:1}.suggestion-card:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(102,126,234,.3);box-shadow:0 8px 25px rgba(102,126,234,.15),0 4px 12px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1)}.suggestion-image{position:absolute;left:0;top:0;width:100px;height:100%;overflow:hidden;border-radius:14px 0 0 14px}.suggestion-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.suggestion-card:hover .suggestion-image img{transform:scale(1.1)}.suggestion-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(0,0,0,.3),transparent 50%);display:flex;align-items:flex-end;padding:8px}.suggestion-category{background:rgba(102,126,234,.9);color:white;font-size:10px;font-weight:700;padding:4px 8px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.3);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-content{position:absolute;right:16px;top:16px;left:116px;bottom:16px;display:flex;flex-direction:column;justify-content:space-between;z-index:2}.suggestion-title{font-size:14px;font-weight:700;line-height:1.3;margin:0;color:var(--dark-text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.suggestion-card:hover .suggestion-title{color:rgba(102,126,234,1)}.suggestion-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.suggestion-time{font-size:11px;color:var(--dark-text-secondary);font-weight:500;opacity:.8}.suggestion-icon{width:16px;height:16px;color:rgba(102,126,234,.6);transition:all .3s ease}.suggestion-card:hover .suggestion-icon{color:rgba(102,126,234,1);transform:translateX(-2px)}.suggestion-number{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;z-index:3;border:2px solid var(--dark-bg-primary);box-shadow:0 2px 8px rgba(102,126,234,.3),inset 0 1px 0 rgba(255,255,255,.2);transition:all .3s ease}.suggestion-card:hover .suggestion-number{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px rgba(102,126,234,.5),inset 0 1px 0 rgba(255,255,255,.3)}@media (max-width:768px){.suggestion-slide{width:260px!important}.suggestion-card{height:110px}.suggestion-image{width:90px}.suggestion-content{left:106px;right:12px;top:12px;bottom:12px}.suggestion-title{font-size:13px}.suggestions-title{font-size:20px}}@media (max-width:480px){.suggestion-slide{width:240px!important}.suggestion-card{height:100px}.suggestion-image{width:80px}.suggestion-content{left:96px;right:10px;top:10px;bottom:10px}.suggestion-title{font-size:12px;-webkit-line-clamp:2;line-clamp:2}.suggestion-time{font-size:10px}.suggestion-number{width:20px;height:20px;font-size:9px}}.suggestion-card.loading{pointer-events:none;position:relative;overflow:hidden}.suggestion-card.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite;z-index:4}@keyframes shimmer{0%{left:-100%}to{left:100%}}.suggestion-card:focus{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}.suggestion-card:focus:not(:focus-visible){outline:none}