.hero-section .slide-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.category-section .container{background:#1a1a2e;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;transition:all .3s ease}.hero-section{padding:20px 0 40px}.hero-section .hero-slider{position:relative;border-radius:16px;overflow:hidden;background:#1a1a2e}.hero-section .slider-track{position:relative;width:100%;height:400px}@media screen and (max-width: 799px){.hero-section .slider-track{height:220px}}.hero-section .slide-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.hero-section .slide-item.active{opacity:1;visibility:visible}.hero-section .slide-link{display:block;width:100%;height:100%;position:relative}.hero-section .slide-image-wrapper{width:100%;height:100%;overflow:hidden}.hero-section .slide-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hero-section .slide-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, transparent 60%)}.hero-section .slide-content{position:absolute;left:40px;bottom:40px;max-width:500px;color:#fff}@media screen and (max-width: 799px){.hero-section .slide-content{left:20px;bottom:20px;max-width:280px}}.hero-section .slide-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg, #6366f1 0%, #ec4899 100%);border-radius:6px;font-size:12px;font-weight:500;margin-bottom:12px}.hero-section .slide-title{font-size:28px;font-weight:700;margin-bottom:12px;line-height:1.3}@media screen and (max-width: 799px){.hero-section .slide-title{font-size:18px;margin-bottom:8px}}.hero-section .slide-desc{font-size:14px;color:hsla(0,0%,100%,.8);line-height:1.6;margin-bottom:20px}@media screen and (max-width: 799px){.hero-section .slide-desc{display:none}}.hero-section .slide-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg, #6366f1 0%, #ec4899 100%);border-radius:10px;font-size:14px;font-weight:500;transition:all .15s ease}.hero-section .slide-btn svg{width:18px;height:18px}.hero-section .slide-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(99,102,241,.3)}@media screen and (max-width: 799px){.hero-section .slide-btn{padding:8px 16px;font-size:13px}.hero-section .slide-btn svg{width:14px;height:14px}}.hero-section .slider-dots{position:absolute;bottom:20px;right:40px;display:flex;gap:8px}@media screen and (max-width: 799px){.hero-section .slider-dots{right:20px;bottom:16px}}.hero-section .slider-dots .dot{width:10px;height:10px;padding:0;background:hsla(0,0%,100%,.4);border:none;border-radius:50%;cursor:pointer;transition:all .15s ease}.hero-section .slider-dots .dot:hover{background:hsla(0,0%,100%,.6)}.hero-section .slider-dots .dot.active{background:#6366f1;width:24px;border-radius:5px}.hero-section .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .15s ease;opacity:0;z-index:10}.hero-section .slider-arrow svg{width:24px;height:24px}.hero-section .slider-arrow:hover{background:#6366f1}.hero-section .slider-arrow.prev{left:20px}.hero-section .slider-arrow.next{right:20px}@media screen and (max-width: 799px){.hero-section .slider-arrow{width:36px;height:36px}.hero-section .slider-arrow svg{width:20px;height:20px}.hero-section .slider-arrow.prev{left:10px}.hero-section .slider-arrow.next{right:10px}}.hero-section .hero-slider:hover .slider-arrow{opacity:1}.category-section{padding:30px 0}.category-section .container{padding:24px}@media screen and (max-width: 799px){.category-section{padding:20px 0}.category-section .container{padding:16px}}