.trend-wrapper{min-height:100vh;background:linear-gradient(to bottom right,#f9fafb,#eef1f5);padding:30px}.trend-container{max-width:1300px;margin:auto}.trend-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}.trend-left{opacity:0;transform:translateX(-40px);transition:all 1s ease}.trend-left.show{opacity:1;transform:translateX(0)}.left-card{background:#fff;padding:30px;border-radius:18px;box-shadow:0 4px 30px rgba(0,0,0,.08)}.left-header{display:flex;justify-content:space-between;align-items:center}.left-header h2{font-size:28px;font-weight:800}.right-btn{background:var(--primary-color);color:#fff;width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s ease}.right-btn:hover{transform:scale(1.1);background:#1e4fd1}.deal-grid{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.deal-item{animation:fadeInUp .6s ease forwards;opacity:0}.deal-card{background:#f7f7f7;border-radius:14px;overflow:hidden;transition:.4s;cursor:pointer}.deal-card:hover{transform:translateY(-6px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.deal-img img{width:100%;height:160px;object-fit:cover;transition:.4s}.deal-card:hover img{transform:scale(1.1)}.deal-info{padding:12px}.deal-info h3{font-size:16px;font-weight:700}.deal-info p{margin-top:4px;font-weight:700;color:green}.trend-right{opacity:0;transform:translateX(40px);transition:all 1s ease .3s}.trend-right.show{opacity:1;transform:translateX(0)}.right-card{position:relative;background:linear-gradient(to bottom right,#e5e7eb,#f3f4f6);border-radius:20px;padding:60px 30px 40px;min-height:650px;text-align:center;box-shadow:0 4px 30px rgba(0,0,0,.08)}.floating-logo{position:absolute;top:20px;left:50%;transform:translateX(-50%);animation:bounceSlow 2s infinite}.logo-box{background:linear-gradient(to bottom right,#facc15,#fbbf24);padding:14px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.right-content h2{margin-top:90px;font-size:40px;font-weight:800}.right-content p{margin-top:8px;font-size:18px;color:#555}.cta-btn{background:#fff;padding:14px 28px;border-radius:14px;border:none;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.15);display:flex;align-items:center;gap:8px;margin:auto;transition:.3s;position:relative;z-index:10}.cta-btn:hover{transform:scale(1.08)}@keyframes fadeInUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceSlow{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-12px)}}@media (max-width:950px){.trend-wrapper{padding:20px}.trend-grid{grid-template-columns:1fr;gap:30px}.right-card{min-height:auto;padding:40px 20px 30px}.right-content h2{font-size:32px;margin-top:70px}.phones-box{height:200px}.phone{width:120px}}@media (max-width:768px){.trend-wrapper{padding:15px}.left-card{padding:20px}.left-header h2{font-size:22px}.deal-img img{height:120px}.deal-info h3,.deal-info p{font-size:14px}.right-card{padding:35px 20px 30px;min-height:auto}.top-left-logo{width:80px;top:12px;left:12px}.right-content h2{font-size:26px;margin-top:70px}.right-content p{font-size:15px}.phones-box{height:180px;margin-top:20px}.phone{width:100px}.cta-btn{margin-top:25px;padding:12px 20px;font-size:16px}}@media (max-width:576px){.trend-wrapper{padding:12px}.left-card{padding:18px}.deal-grid{grid-template-columns:1fr 1fr;gap:12px}.deal-img img{height:100px}.right-card{padding:30px 16px 25px}.right-content h2{font-size:22px;margin-top:60px}.right-content p{font-size:14px}.phones-box{height:150px}.phone{width:80px}.phone-yellow{left:10%}.phone-blue{right:10%}.cta-btn{font-size:15px;padding:10px 18px}}@media (max-width:420px){.left-card{padding:14px}.left-header h2{font-size:18px}.deal-img img{height:85px}.deal-info h3,.deal-info p{font-size:12px}.right-content h2{font-size:20px;margin-top:50px}.phones-box{height:130px}.phone{width:70px}.cta-btn{font-size:14px;padding:8px 16px}}@media (max-width:950px){.trend-grid{grid-template-columns:1fr}}.top-left-logo{width:120px;height:auto;object-fit:contain;position:absolute;top:20px;left:20px;z-index:5}.phones-box{position:relative;height:250px;margin-top:40px}.phone{position:absolute;width:150px;height:auto;border-radius:20px;object-fit:contain;cursor:pointer;filter:drop-shadow(0 15px 30px rgba(0,0,0,.18))}.phone-yellow{left:20%;transform:rotate(-12deg);animation:floatPhone 3s ease-in-out infinite}.phone-blue{right:20%;transform:rotate(12deg);animation:floatPhone2 3s ease-in-out infinite}@keyframes floatPhone{0%,to{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-15px) rotate(-12deg)}}@keyframes floatPhone2{0%,to{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-15px) rotate(12deg)}}@keyframes phoneShake{0%{transform:translateY(0) rotate(-12deg)}25%{transform:translateY(-4px) rotate(-8deg)}50%{transform:translateY(2px) rotate(-14deg)}75%{transform:translateY(-3px) rotate(-10deg)}to{transform:translateY(0) rotate(-12deg)}}@keyframes phoneShakeBlue{0%{transform:translateY(0) rotate(12deg)}25%{transform:translateY(-4px) rotate(8deg)}50%{transform:translateY(2px) rotate(14deg)}75%{transform:translateY(-3px) rotate(10deg)}to{transform:translateY(0) rotate(12deg)}}.phone-yellow:hover{animation:phoneShake .45s ease-in-out forwards}.phone-blue:hover{animation:phoneShakeBlue .45s ease-in-out forwards}