.ean-search{align-items:center;display:flex;justify-content:center;margin-bottom:40px}.ean-hero{background:linear-gradient(135deg,rgba(30,58,138,.95),rgba(15,23,42,.98)),url(/images/hero-bg.jpg) 50%/cover no-repeat;border-radius:20px;box-shadow:0 20px 40px rgba(15,23,42,.15);color:#fff;margin-bottom:48px;overflow:hidden;padding:64px 24px;position:relative;text-align:center}.ean-hero:before{background:radial-gradient(circle at top right,rgba(56,189,248,.15),transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ean-hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.ean-hero-title{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.ean-hero-subtitle{color:#cbd5e1;font-size:1.15rem;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:650px}.ean-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.2);margin:0 auto;padding:12px;width:100%}.ean-form{align-items:center;display:flex;gap:12px}.ean-form .form-group{display:flex;flex:1 1;flex-direction:column;margin:0}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#64748b;font-size:1.4rem;left:20px;position:absolute;z-index:2}.ean-form .form-control{background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);color:#0f172a;font-size:1.15rem;padding:20px 20px 20px 56px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ean-form .form-control:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(229,62,62,.15),0 4px 6px rgba(0,0,0,.05);outline:none}.ean-form .form-control::-moz-placeholder{color:#94a3b8;font-weight:400}.ean-form .form-control::placeholder{color:#94a3b8;font-weight:400}.actions{display:flex;height:100%;margin:0}.actions .btn-search{background:var(--accent);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(229,62,62,.3);color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;height:68px;letter-spacing:.02em;padding:0 40px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.actions .btn-search:hover:not(:disabled){background:#dc2626;box-shadow:0 6px 16px rgba(229,62,62,.4);transform:translateY(-2px)}.actions .btn-search:disabled{cursor:not-allowed;opacity:.7}.error{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-weight:600;margin-top:12px;padding:12px;text-align:center}.search-hints{margin-top:48px}.search-hints h2{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.hints-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.hint-card{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);color:#1e293b;display:flex;gap:12px;padding:16px;text-decoration:none;transition:all .2s ease}.hint-card:hover{border-color:var(--accent);box-shadow:0 8px 24px rgba(0,0,0,.12);color:var(--accent);transform:translateY(-2px)}.hint-icon{align-items:center;background:var(--primary);border-radius:8px;color:#fff;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.hint-card:hover .hint-icon{background:var(--accent)}.hint-text{font-size:1.05rem;font-weight:600}.search-results{display:flex;flex-direction:column;gap:48px;margin-top:40px}.search-results-section h2{border-bottom:2px solid #e2e8f0;color:#0f172a;font-size:1.75rem;font-weight:700;margin-bottom:24px;padding-bottom:16px}.search-suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-bottom:24px}.search-card-suggestion{align-items:center;background:#1e293b;border:none;border-radius:12px;box-shadow:0 4px 12px rgba(15,23,42,.1);display:flex;flex-direction:column;min-height:120px;overflow:hidden;padding:0;position:relative;text-decoration:none}.search-card-suggestion:hover{box-shadow:0 12px 24px rgba(229,62,62,.2);transform:translateY(-4px)}.suggestion-bg-image{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.suggestion-bg-image img{height:100%;-o-object-fit:cover;object-fit:cover;opacity:.6;transition:transform .4s ease;width:100%}.search-card-suggestion:hover .suggestion-bg-image img{opacity:.8;transform:scale(1.05)}.suggestion-overlay{background:linear-gradient(90deg,rgba(15,23,42,.95),rgba(15,23,42,.4));height:100%;left:0;position:absolute;top:0;transition:background .3s ease;width:100%;z-index:2}.search-card-suggestion:hover .suggestion-overlay{background:linear-gradient(90deg,rgba(229,62,62,.95),rgba(229,62,62,.3))}.suggestion-body{display:flex;flex-direction:column;gap:4px;justify-content:center;padding:20px 24px;position:relative;width:100%;z-index:3}.suggestion-body .search-card-title{color:#fff;display:-webkit-box;font-size:1.25rem;font-weight:800;-webkit-line-clamp:2;line-clamp:2;text-shadow:0 2px 4px rgba(0,0,0,.5);-webkit-box-orient:vertical;overflow:hidden}.suggestion-body .search-card-meta{border-top:none;color:#cbd5e1;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-top:2px;padding-top:0;text-transform:uppercase;transition:color .3s ease}.search-card-suggestion:hover .suggestion-body .search-card-meta{color:#fef08a}.search-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.search-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px rgba(15,23,42,.12);color:inherit;display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:all .3s ease}.search-card:hover{border-color:var(--accent);box-shadow:0 16px 36px rgba(15,23,42,.2);transform:translateY(-6px)}.search-card-image{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;height:180px;justify-content:center;overflow:hidden;padding:16px;position:relative}.search-card-image img{height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease;width:100%}.search-card:hover .search-card-image img{transform:scale(1.05)}.search-card-body{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:20px}.search-card-title{color:#0f172a;font-size:1.1rem;font-weight:700;line-height:1.4}.search-card-text,.search-card-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-card-text{color:#475569;font-size:.95rem;line-height:1.5}.search-card-meta{border-top:1px solid #e2e8f0;color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-top:auto;padding-top:12px;text-transform:uppercase}.search-card-price{color:var(--accent);font-size:1.35rem;font-weight:800;margin-top:8px}.search-results-empty{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;color:#64748b;font-size:1.2rem;margin-top:32px;padding:48px 24px;text-align:center}@media (max-width:768px){.ean-hero{border-radius:0;margin-bottom:32px;padding:32px 16px}.ean-hero-title{font-size:1.75rem}.ean-hero-subtitle{font-size:1rem;margin-bottom:24px}.ean-form{flex-direction:column}.actions,.actions .btn{width:100%}.search-suggestions-grid{gap:12px;grid-template-columns:1fr}.suggestion-body{padding:12px}.suggestion-body .search-card-title{font-size:1rem}.search-card-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.search-card-image{height:140px;padding:12px}.search-card-body{gap:8px;padding:16px}.search-card-title{font-size:.95rem}.search-card-price{font-size:1.1rem}}@media (max-width:480px){.ean-card{padding:24px}}