.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{letter-spacing:-.5px;text-shadow:0 4px 12px #667eea4d;margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.2}.suggestions-subtitle{color:var(--dark-text-secondary);opacity:.9;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.fire-icon{font-size:16px;animation:2s ease-in-out infinite fireFlicker}@keyframes fireFlicker{0%,to{transform:scale(1)rotate(0)}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{padding:8px 16px;overflow:visible}.suggestion-slide{flex-shrink:0;width:280px!important}.suggestion-card{background:var(--dark-bg-card);color:inherit;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #667eea1a;border-radius:16px;height:120px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:block;position:relative;box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff0d}.suggestion-card:before{content:"";opacity:0;z-index:1;background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);transition:opacity .4s;position:absolute;inset:0}.suggestion-card:hover:before{opacity:1}.suggestion-card:hover{border-color:#667eea4d;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 25px #667eea26,0 4px 12px #0003,inset 0 1px #ffffff1a}.suggestion-image{border-radius:14px 0 0 14px;width:100px;height:100%;position:absolute;top:0;left:0;overflow:hidden}.suggestion-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.suggestion-card:hover .suggestion-image img{transform:scale(1.1)}.suggestion-overlay{background:linear-gradient(45deg,#0000004d 0%,#0000 50%);align-items:flex-end;padding:8px;display:flex;position:absolute;inset:0}.suggestion-category{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px #0000004d;text-overflow:ellipsis;white-space:nowrap;background:#667eeae6;border:1px solid #fff3;border-radius:12px;max-width:80px;padding:4px 8px;font-size:10px;font-weight:700;overflow:hidden}.suggestion-content{z-index:2;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:16px 16px 16px 116px}.suggestion-title{color:var(--dark-text-primary);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:700;line-height:1.3;transition:color .3s;display:-webkit-box;overflow:hidden}.suggestion-card:hover .suggestion-title{color:#667eea}.suggestion-meta{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.suggestion-time{color:var(--dark-text-secondary);opacity:.8;font-size:11px;font-weight:500}.suggestion-icon{color:#667eea99;width:16px;height:16px;transition:all .3s}.suggestion-card:hover .suggestion-icon{color:#667eea;transform:translate(-2px)}.suggestion-number{color:#fff;z-index:3;border:2px solid var(--dark-bg-primary);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:900;transition:all .3s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #667eea4d,inset 0 1px #fff3}.suggestion-card:hover .suggestion-number{transform:scale(1.1)rotate(5deg);box-shadow:0 4px 12px #667eea80,inset 0 1px #ffffff4d}@media (max-width:768px){.suggestion-slide{width:260px!important}.suggestion-card{height:110px}.suggestion-image{width:90px}.suggestion-content{inset:12px 12px 12px 106px}.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{inset:10px 10px 10px 96px}.suggestion-title{-webkit-line-clamp:2;line-clamp:2;font-size:12px}.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:"";z-index:4;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.suggestion-card:focus{outline-offset:2px;outline:2px solid #667eea80}.suggestion-card:focus:not(:focus-visible){outline:none}