.marin-t{margin-top:7rem}@media screen and (max-width:992px){.marin-t{margin-top:5rem}}.search-container{position:relative;margin-bottom:1.5rem}.compare-search{width:100%;padding:12px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:12px;background:white;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.05)}.compare-search:focus{border-color:#1674BF;box-shadow:0 0 0 3px rgba(22,116,191,.15);outline:none;transform:translateY(-1px)}.compare-search:hover{border-color:#a0c4e0}.compare-search::-moz-placeholder{color:#8a94a6;font-weight:500}.compare-search::placeholder{color:#8a94a6;font-weight:500}.results{list-style-type:none;padding:0;margin:8px 0 0;max-height:350px;overflow-y:auto;background:white;position:absolute;width:100%;z-index:1000;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);border:1px solid #e8e8e8;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.results::-webkit-scrollbar{width:6px}.results::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.results::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.results::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.compare-li{padding:14px 16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;background:white}.compare-li:last-child{border-bottom:none}.compare-li:hover{background:linear-gradient(135deg,#f8fbff,#e8f2ff);transform:translateX(4px);box-shadow:inset 4px 0 0 #1674BF}.compare-li .img{height:60px;width:60px;margin-right:16px;-o-object-fit:contain;object-fit:contain;background:white;padding:8px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .3s ease}.compare-li:hover .img{transform:scale(1.05)}.compare-li span{font-size:16px;font-weight:600;color:#2d3748;flex-grow:1}.compare-li .brand{color:#1674BF;font-weight:700;margin-right:6px}.img-div{margin:auto;text-align:center}.img-display-container{position:relative;height:180px;margin-bottom:16px;background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:16px;overflow:hidden;padding:20px;border:2px solid #e2e8f0;transition:all .3s ease}.img-display-container:hover{border-color:#1674BF;box-shadow:0 10px 25px rgba(22,116,191,.1);transform:translateY(-2px)}.object-fit-contain{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));transition:transform .5s ease}.img-display-container:hover .object-fit-contain{transform:scale(1.05)}.phone-card{background:white;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e2e8f0;transition:all .3s ease}.phone-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-3px)}.phone-name{font-size:18px;font-weight:700;color:#2d3748;margin-bottom:8px;text-align:center}.phone-price{font-size:20px;font-weight:800;color:#1674BF;text-align:center;padding:6px 0;position:relative;display:inline-block}.phone-price:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#1674BF,#4fc3f7);border-radius:2px}.comparison-card{background:white;border-radius:18px;overflow:hidden;margin-bottom:30px;box-shadow:0 8px 30px rgba(0,0,0,.08);border:1px solid #e2e8f0;transition:all .3s ease}.comparison-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.12)}.comparison-card h4{background:linear-gradient(135deg,#1674BF,#4fc3f7);padding:20px 24px;margin:0;color:white;font-size:15px;letter-spacing:1px;display:flex;align-items:center;gap:10px}.comparison-card h4 .fa-icon{font-size:18px;opacity:.9}.row.py-3{padding:18px 24px;border-bottom:1px solid #f1f5f9;transition:all .2s ease;margin:0}.row.py-3:hover{background:linear-gradient(90deg,#f8fbff,#f0f7ff);padding-left:30px}.row.py-3:last-child{border-bottom:none}.col-4.col-md-3{color:#4a5568;font-weight:600;display:flex;align-items:center;gap:10px;font-size:15px}.col-4.text-center,.col-4.text-center.border-start{font-weight:500;font-size:16px;color:#2d3748}.col-4.text-center.border-start{border-left:1px solid #e2e8f0!important}.text-success{color:#10b981!important;position:relative;padding:4px 8px;background:rgba(16,185,129,.1);border-radius:6px;display:inline-block}.text-muted{color:#94a3b8!important}.fa-arrow-down,.fa-arrow-up{margin-left:6px;font-size:14px}.ratio.ratio-1x1{border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.1);transition:all .3s ease}.ratio.ratio-1x1:hover{box-shadow:0 12px 35px rgba(0,0,0,.15);transform:translateY(-5px)}.spinner-border.text-primary{width:3.5rem;height:3.5rem;border-width:.25rem}.empty-state{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:20px;margin:30px 0}.empty-state h3{color:#2d3748;margin-bottom:12px;font-weight:700}.empty-state p{color:#718096;font-size:16px}@media (max-width:768px){.compare-search{padding:14px 16px;font-size:15px}.results{max-height:280px}.compare-li{padding:12px 14px}.compare-li .img{height:50px;width:50px}.img-display-container{height:150px}.comparison-card h4{padding:16px 20px;font-size:14px}.row.py-3{padding:14px 16px}.row.py-3:hover{padding-left:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comparison-card{animation:fadeIn .4s ease-out}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.featured-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#f093fb,#f5576c);color:white;padding:4px 10px;font-size:11px;letter-spacing:.5px;z-index:1}.featured-badge,.price-comparison{border-radius:20px;font-weight:700}.price-comparison{background:linear-gradient(135deg,#f6d365,#fda085);padding:4px 12px;color:#2d3748;display:inline-block}.rating-stars{color:#fbbf24;font-size:14px;margin-left:8px}.feature-tooltip{position:relative;cursor:help}.feature-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#2d3748;color:white;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000}@keyframes selectPulse{0%{box-shadow:0 0 0 0 rgba(22,116,191,.4)}70%{box-shadow:0 0 0 10px rgba(22,116,191,0)}to{box-shadow:0 0 0 0 rgba(22,116,191,0)}}.selected-phone{animation:selectPulse 1s ease}