.mobile-comparison{width:100%;margin:0;padding:4rem 2rem;background:#fff}.mobile-comparison__inner{max-width:1400px;margin:0 auto}.mobile-comparison__title{font-family:Poppins,sans-serif;font-size:3rem;font-weight:600;text-align:center;margin-bottom:2.5rem;color:#1a1a1a;letter-spacing:-.5px}.mobile-comparison__search-container{background:#f8f9fa;border-radius:16px;padding:3rem;margin-bottom:2.5rem;box-shadow:0 2px 12px #0000000f}.mobile-comparison__search-wrapper{max-width:700px;margin:0 auto;position:relative}.mobile-comparison__search-input{width:100%;padding:16px 24px;border:2px solid #e0e0e0;border-radius:10px;font-family:Inter,sans-serif;font-size:18px;outline:none;transition:border-color .3s;background:#fff}.mobile-comparison__search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.mobile-comparison__search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:0 0 10px 10px;max-height:350px;overflow-y:auto;z-index:1000;box-shadow:0 4px 20px #0000001a;display:none;margin-top:4px}.mobile-comparison__search-results.active{display:block}.mobile-comparison__search-result-item{display:flex;align-items:center;padding:16px 24px;cursor:pointer;transition:background .2s;font-family:Inter,sans-serif}.mobile-comparison__search-result-item:hover{background:#f0f7ff}.mobile-comparison__search-result-image{width:60px;height:75px;object-fit:cover;border-radius:6px;margin-right:16px}.mobile-comparison__search-result-info{flex:1}.mobile-comparison__search-result-name{font-weight:600;font-size:18px;color:#1a1a1a;margin-bottom:2px}.mobile-comparison__search-result-brand{font-size:16px;color:#666}.mobile-comparison__selected-phones{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.mobile-comparison__phone-slot{border:2px dashed #d0d0d0;border-radius:12px;padding:2rem 1.5rem;text-align:center;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-family:Inter,sans-serif;font-size:18px;color:#666}.mobile-comparison__phone-slot:hover{border-color:#007bff;background:#f0f7ff}.mobile-comparison__phone-slot.filled{border-style:solid;border-color:#28a745;background:#f0fff4}.mobile-comparison__phone-slot-image{width:90px;height:110px;object-fit:cover;border-radius:6px;margin-bottom:1rem}.mobile-comparison__phone-slot-name{font-family:Poppins,sans-serif;font-weight:600;font-size:1.125rem;margin-bottom:.5rem;color:#1a1a1a}.mobile-comparison__phone-slot-remove{background:#dc3545;color:#fff;border:none;padding:6px 16px;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.mobile-comparison__compare-btn{display:block;margin:2.5rem auto 0;padding:16px 48px;background:#007bff;color:#fff;border:none;border-radius:10px;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background .3s}.mobile-comparison__compare-btn:hover:not(:disabled){background:#0056b3}.mobile-comparison__compare-btn:disabled{background:#ccc;cursor:not-allowed}.mobile-comparison__comparison-section{margin-top:3rem;display:none;width:100%}.mobile-comparison__comparison-section.active{display:block}.mobile-comparison__specs-table{background:#fff;border-radius:16px;overflow:hidden;margin-bottom:2rem;box-shadow:0 2px 12px #0000000f}.mobile-comparison__specs-category{background:#f8f9fa;padding:1.25rem 2rem;font-family:Poppins,sans-serif;font-weight:700;font-size:1.25rem;color:#1a1a1a;border-bottom:2px solid #e0e0e0}.mobile-comparison__specs-grid{display:grid;grid-template-columns:220px repeat(auto-fit,minmax(180px,1fr));gap:0;overflow-x:auto;font-family:Inter,sans-serif}.mobile-comparison__specs-label{padding:1rem 2rem;font-weight:500;font-size:16px;color:#555;border-bottom:1px solid #f0f0f0;display:flex;align-items:center}.mobile-comparison__specs-value{padding:1rem 1.5rem;text-align:center;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:center;color:#333;font-size:16px;font-weight:500}.mobile-comparison__highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.mobile-comparison__highlight-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:2rem;text-align:center;box-shadow:0 2px 8px #0000000d}.mobile-comparison__highlight-card h3{font-family:Poppins,sans-serif;margin-bottom:.75rem;color:#1a1a1a;font-size:1.25rem;font-weight:700}.mobile-comparison__highlight-card p{font-family:Inter,sans-serif;font-size:16px}.mobile-comparison__highlight-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #dee2e6;gap:1rem;font-family:Inter,sans-serif}.mobile-comparison__highlight-item:last-child{border-bottom:none}.mobile-comparison__highlight-label{color:#666;font-size:16px;text-align:left;flex-shrink:0}.mobile-comparison__highlight-value{font-weight:600;font-size:16px;color:#1a1a1a;text-align:right}@media(max-width:768px){.mobile-comparison{padding:2rem 1rem}.mobile-comparison__title{font-size:2rem}.mobile-comparison__search-container{padding:1.5rem}.mobile-comparison__search-input{font-size:16px;padding:14px 20px}.mobile-comparison__selected-phones{grid-template-columns:1fr}.mobile-comparison__specs-grid{grid-template-columns:150px repeat(auto-fit,minmax(120px,1fr));font-size:14px}.mobile-comparison__specs-label,.mobile-comparison__specs-value{font-size:14px;padding:.75rem 1rem}.mobile-comparison__highlights{grid-template-columns:1fr}.mobile-comparison__highlight-label,.mobile-comparison__highlight-value{font-size:14px}}.no-results,.search-loading{padding:1.5rem;text-align:center;color:#666;font-family:Inter,sans-serif;font-size:16px}.error-message{background:#fff3f3;color:#dc3545;padding:1.25rem;border-radius:10px;margin:1.5rem 0;text-align:center;font-family:Inter,sans-serif;font-size:16px}.type-indicator{background:#e3f2fd;color:#1976d2;padding:8px 16px;border-radius:20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:inline-block;margin-bottom:1rem}.mobile-comparison__comparison-section{margin-top:3rem;display:none;animation:fadeIn .3s ease-in}.mobile-comparison__comparison-section.active{display:block!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/mobile-comparison-fixed.css.map */