.maps-card{position:relative;width:100%;max-width:440px;margin:0 auto}.maps-card__window{background:#fff;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);overflow:hidden;border:1px solid rgba(0,0,0,.06)}.maps-card__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#fc3f1d 0%,#ff6f48 100%);color:#fff}.maps-card__header-label{font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.maps-card__header-dots{display:flex;gap:4px}.maps-card__header-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5)}.maps-card__body{padding:16px}.maps-card__search{display:flex;align-items:center;gap:8px;background:#f3f4f6;border-radius:8px;padding:10px 14px;margin-bottom:16px}.maps-card__search-icon{font-size:14px;flex-shrink:0}.maps-card__search-text{font-size:14px;color:#374151;font-weight:500;overflow:hidden;white-space:nowrap;border-right:2px solid #059669;animation:maps-typing 3s steps(22) infinite,maps-blink .6s step-end infinite alternate}@keyframes maps-typing{0%,10%{width:0}50%,70%{width:100%}85%,100%{width:0}}@keyframes maps-blink{50%{border-color:transparent}}.maps-card__results{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.maps-card__result{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#f9fafb;border:1px solid #e5e7eb;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}.maps-card__result--top{background:linear-gradient(135deg,rgba(5,150,105,.06) 0%,rgba(16,185,129,.06) 100%);border:1.5px solid rgba(5,150,105,.2);animation:maps-pulse 2s ease-in-out infinite}@keyframes maps-pulse{0%,100%{box-shadow:0 0 0 0 rgba(5,150,105,.1)}50%{box-shadow:0 0 0 6px rgba(5,150,105,.05)}}.maps-card__result-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;font-weight:700;background:#e5e7eb;color:#6b7280;flex-shrink:0}.maps-card__result--top .maps-card__result-rank{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.maps-card__result-info{flex:1;min-width:0}.maps-card__result-name{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}.maps-card__result-name--dim{color:#9ca3af;font-weight:500}.maps-card__result-rating{display:flex;align-items:center;gap:4px}.maps-card__stars{font-size:12px;color:#f59e0b;letter-spacing:0}.maps-card__stars--dim{color:#d1d5db}.maps-card__rating-value{font-size:12px;font-weight:700;color:#059669}.maps-card__rating-value--dim{color:#9ca3af;font-weight:500}.maps-card__reviews-count{font-size:11px;color:#6b7280}.maps-card__result-meta{font-size:11px;color:#6b7280;margin-top:2px}.maps-card__result-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:0;flex-shrink:0}.maps-card__metrics{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid #e5e7eb}.maps-card__metric{display:flex;align-items:center;gap:8px}.maps-card__metric-label{font-size:11px;color:#6b7280;width:56px;flex-shrink:0}.maps-card__metric-bar{flex:1;height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.maps-card__metric-fill{height:100%;border-radius:3px;transition:width 1.5s ease}.maps-card__metric-fill--rating{background:linear-gradient(90deg,#059669,#10b981)}.maps-card__metric-fill--reviews{background:linear-gradient(90deg,#f59e0b,#f97316)}.maps-card__metric-fill--photos{background:linear-gradient(90deg,#8b5cf6,#a855f7)}.maps-card__metric-value{font-size:12px;font-weight:700;color:#374151;width:32px;text-align:right;flex-shrink:0}.compare-grid--4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.compare-grid--2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.compare-card__cta{display:inline-block;margin-top:12px;color:#059669;font-weight:600;font-size:14px;text-decoration:none;transition:color .2s}.compare-card__cta:hover{color:#0047b3;text-decoration:underline}.compare-card__note{font-size:12px;color:#10b981;font-weight:600;margin-top:12px;text-align:center}.compare-card--step1 .compare-card__icon,.compare-card--step2 .compare-card__icon,.compare-card--step3 .compare-card__icon,.compare-card--step4 .compare-card__icon{font-size:36px;margin-bottom:8px}.compare-card--maps-active{border:2px solid #059669;background:rgba(5,150,105,.03)}.compare-card--serm{border:2px solid #10b981;background:rgba(16,185,129,.03)}@media (max-width:1024px){.compare-grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.compare-grid--4{grid-template-columns:1fr;gap:12px}.compare-grid--2{grid-template-columns:1fr;gap:16px}.maps-card__window{border-radius:12px}}@media (max-width:480px){.maps-card__search-text{font-size:13px}.maps-card__result{padding:8px 10px;gap:8px}.maps-card__result-rank{width:24px;height:24px;font-size:11px}}