@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";.main-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);transition:all .3s ease}.main-header.scrolled{box-shadow:0 4px 20px #0000000d}.header-top{padding:1.25rem 0;border-bottom:1px solid var(--border);transition:all .3s ease}.main-header.scrolled .header-top{padding:.75rem 0}.header-container{max-width:1440px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:3rem}.header-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;color:#444;font-weight:600;font-size:.75rem;text-decoration:none;background:none;border:none;cursor:pointer;transition:all .2s ease}.header-action-btn img{width:26px;height:26px;opacity:.7;transition:all .2s ease}.header-action-btn:hover{color:var(--primary);transform:translateY(-2px)}.header-action-btn:hover img{opacity:1;transform:scale(1.1)}.header-left{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.sidebar-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px}.sidebar-toggle:hover{background:var(--muted)}.header-logo img{height:32px;display:block}.header-center{flex:1;max-width:800px}.header-right{display:flex;align-items:center;gap:2.5rem;flex-shrink:0}.cart-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.cart-count{position:absolute;top:-8px;right:-8px;background:var(--primary);color:#fff;font-size:.65rem;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;border:2px solid white}.header-bottom{padding:.75rem 0;background:#fdfdfd}.header-bottom .header-container{justify-content:center}.mobile-only{display:none}@media (max-width: 1024px){.mobile-only{display:flex}}.nav-links{display:flex;gap:4rem;list-style:none}.nav-links>li{position:relative}.nav-links a{font-size:.9rem;font-weight:700;color:#0c1c38;display:flex;align-items:center;gap:8px;padding:8px 20px;border-radius:99px;transition:all .3s ease}.nav-links a:hover,.nav-links a.active{background:#f0f4f9;color:var(--primary)}.dropdown-arrow{transition:var(--transition);opacity:.6}.nav-dropdown-wrapper:hover .dropdown-arrow{transform:rotate(180deg);opacity:1}.nav-dropdown{position:absolute;top:100%;left:0;width:280px;background:#fff;border-radius:1rem;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:1rem;display:none;grid-template-columns:1fr;gap:.5rem;z-index:1001;animation:slideIn .2s ease-out}.nav-dropdown-wrapper:hover .nav-dropdown{display:grid}.dropdown-item{display:flex!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;border-radius:8px;text-decoration:none;font-weight:600!important;font-size:.9rem!important;color:var(--foreground)!important;transition:var(--transition)!important}.dropdown-item:hover{background:var(--muted);color:var(--primary)!important;padding-left:18px!important}.dropdown-item img{width:24px;height:24px;object-fit:contain}.header-profile{position:relative}.profile-icon-nav{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border);transition:all .2s ease}.header-profile button:hover .profile-icon-nav{border-color:var(--primary)}.nav-profile-dropdown{position:absolute;top:calc(100% + 15px);right:0;width:240px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;border:1px solid var(--border);padding:.75rem;display:none;flex-direction:column;z-index:1001;animation:slideInUp .3s cubic-bezier(.165,.84,.44,1)}.nav-profile-dropdown:before{content:"";position:absolute;top:-8px;right:20px;width:15px;height:15px;background:#fff;transform:rotate(45deg);border-left:1px solid var(--border);border-top:1px solid var(--border)}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-profile-dropdown.active{display:flex}.nav-profile-dropdown a,.nav-profile-dropdown button{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;font-weight:600;border-radius:8px;text-align:left;color:#444;transition:all .2s ease;background:none;border:none;cursor:pointer}.nav-profile-dropdown hr{margin:8px 0;border:none;border-top:1px solid var(--border)}.nav-profile-dropdown a:hover,.nav-profile-dropdown button:hover{background:#f8f9fa;color:var(--primary)}.nav-profile-dropdown button.logout-nav:hover{background:#fff5f5;color:#ef4444}.sidebar{position:fixed;top:0;left:0;width:320px;height:100vh;background:#fff;z-index:1100;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.sidebar-logo{height:28px}.sidebar-close{padding:8px;border-radius:50%}.sidebar-close:hover{background:var(--muted)}.sidebar-content{flex:1;overflow-y:auto;padding:1.5rem}.sidebar-section{margin-bottom:2rem}.sidebar-section h3{font-size:.8rem;text-transform:uppercase;color:var(--muted-foreground);letter-spacing:.05em;margin-bottom:1rem}.sidebar-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.sidebar-links a{display:block;padding:.75rem 0;font-weight:600;border-bottom:1px solid transparent}.sidebar-links a:hover{color:var(--primary);padding-left:8px}.sidebar-footer{padding:1.5rem;border-top:1px solid var(--border)}.sidebar-login-btn{width:100%;background:var(--primary);color:#fff;padding:1rem;border-radius:99px;font-weight:700}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1099;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}@media (max-width: 1024px){@media (max-width: 768px){.desktop-only{display:none!important}.navbar{padding:0 1rem}}.mobile-menu{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:#fff;z-index:2000;padding:2rem;transition:right .3s ease;display:flex;flex-direction:column;gap:2rem;box-shadow:-4px 0 10px #0000001a}.mobile-menu.active{right:0}.mobile-menu-close{align-self:flex-end;font-size:2rem;background:none;border:none}.mobile-navbar-menu{display:flex;flex-direction:column;gap:1.5rem}.mobile-navbar-menu a{font-size:1.2rem;font-weight:600}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:1999;display:none}.mobile-menu-overlay.active{display:block}}.carousel-container{position:relative;width:100%;height:480px;background:#f8fafc;overflow:hidden;border-radius:var(--radius);margin-top:2rem}.carousel-slide{position:relative;width:100%;height:100%}.carousel-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease-out}.carousel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0006,#0000 60%);display:flex;align-items:center;padding:0 10%}.carousel-content{color:#fff;max-width:500px;display:flex;flex-direction:column;gap:1.5rem;animation:slideUp .8s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.carousel-tag{background:var(--primary);color:#fff;padding:.4rem 1rem;border-radius:4px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;width:fit-content}.carousel-content h2{font-size:3.5rem;font-weight:800;line-height:1.1}.carousel-content p{font-size:1.1rem;opacity:.9}.carousel-btn{background:var(--primary);color:#fff;padding:1rem 2rem;border-radius:99px;font-weight:700;width:fit-content;transition:var(--transition)}.carousel-btn:hover{background:#fff;color:var(--primary)}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:var(--shadow-lg);transition:var(--transition);opacity:0}.carousel-container:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{background:var(--primary);color:#fff}.carousel-arrow.left{left:30px}.carousel-arrow.right{right:30px}.carousel-dots{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.carousel-dot{width:10px;height:10px;border-radius:50%;background:#fff6;cursor:pointer;transition:var(--transition);border:2px solid transparent}.carousel-dot.active{background:#fff;transform:scale(1.2);border-color:var(--primary)}@media (max-width: 1024px){.carousel-container{height:400px}.carousel-content h2{font-size:2.5rem}}@media (max-width: 768px){.carousel-container{height:300px;border-radius:0;margin-top:0}.carousel-content h2{font-size:1.8rem}.carousel-content p{display:none}.carousel-overlay{padding:0 5%}.carousel-arrow{width:36px;height:36px;opacity:1}.carousel-arrow.left{left:15px}.carousel-arrow.right{right:15px}}.search-bar-container{position:relative;width:100%}.search-input{width:100%;padding:.75rem 1.25rem .75rem 3rem;border-radius:99px;border:1px solid var(--border);background:var(--muted);font-size:.95rem;transition:var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:1rem center;background-size:1.25rem}.search-input:focus{outline:none;border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #034eb91a}.search-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border);max-height:400px;overflow-y:auto;z-index:1001;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-title{padding:.75rem 1rem;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--muted-foreground);background:var(--muted);letter-spacing:.05em}.suggestion-item,.history-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border)}.suggestion-item:last-child,.history-item:last-child{border-bottom:none}.suggestion-item:hover,.history-item:hover{background:var(--muted)}.suggestion-image{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:4px;border:1px solid var(--border)}.suggestion-content,.history-content{flex:1}.suggestion-name,.history-name{font-size:.9rem;font-weight:600;margin-bottom:2px}.suggestion-price,.history-price{font-size:.8rem;color:var(--primary);font-weight:700}.no-results,.search-loading{padding:2rem;text-align:center;color:var(--muted-foreground);font-size:.9rem}.footer{background:#f8fafc;padding:5rem 5% 2rem;margin-top:5rem;border-top:1px solid var(--border)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;max-width:1440px;margin:0 auto}.footer-content-left{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{height:32px}.footer-content-left p{color:var(--muted-foreground);line-height:1.6;font-size:.95rem;max-width:400px}.footer-social-icons{display:flex;gap:1.25rem}.footer-social-icons img{width:20px;height:20px;opacity:.5;transition:var(--transition);cursor:pointer}.footer-social-icons img:hover{opacity:1;transform:translateY(-3px);color:var(--primary)}.footer h2{font-size:.9rem;font-weight:800;color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.footer-content-center ul,.footer-content-right ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.footer-content-center li,.footer-content-right li{color:var(--muted-foreground);font-size:.95rem;transition:var(--transition)}.footer-content-center li:hover,.footer-content-right li:hover{color:var(--primary);padding-left:4px}.footer hr{border:none;border-bottom:1px solid var(--border);margin:4rem 0 2rem}.footer-copyright{text-align:center;color:var(--muted-foreground);font-size:.85rem;font-weight:500}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr;gap:3rem}.footer-content-left{grid-column:span 2;margin-bottom:2rem}}@media (max-width: 768px){.footer{padding:4rem 5% 2rem}.footer-content{grid-template-columns:1fr;gap:2.5rem}.footer-content-left{grid-column:span 1}}.login-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#0f172a80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem}.login-popup-container{width:100%;max-width:440px;background:#fff;padding:3rem;border-radius:1.5rem;display:flex;flex-direction:column;gap:2rem;box-shadow:0 25px 50px -12px #00000040;position:relative;animation:popupScale .4s cubic-bezier(.4,0,.2,1)}@keyframes popupScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-popup-close{position:absolute;top:1.5rem;right:1.5rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);background:var(--muted)}.login-popup-close:hover{background:#fee2e2;color:#ef4444}.login-popup-header{text-align:center;display:flex;flex-direction:column;gap:.5rem}.login-popup-header h2{font-size:1.8rem;font-weight:800;color:var(--foreground)}.login-popup-header p{color:var(--muted-foreground);font-size:.95rem}.login-popup-inputs{display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.85rem;font-weight:700;color:var(--foreground)}.login-popup-inputs input{padding:.85rem 1.25rem;border-radius:.75rem;border:1px solid var(--border);background:var(--muted);font-size:.95rem;transition:var(--transition)}.login-popup-inputs input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #034eb91a}.login-btn{background:var(--primary);color:#fff;padding:1rem;border-radius:99px;font-weight:700;font-size:1rem;box-shadow:0 10px 15px -3px #034eb94d;transition:var(--transition)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #034eb966}.login-popup-footer{text-align:center;display:flex;flex-direction:column;gap:1.5rem}.login-popup-footer p{font-size:.95rem;color:var(--muted-foreground)}.login-popup-footer span{color:var(--primary);font-weight:800;cursor:pointer;margin-left:4px}.login-popup-condition{display:flex;gap:.75rem;font-size:.85rem;color:var(--muted-foreground);line-height:1.4}.login-popup-condition input{margin-top:3px;accent-color:var(--primary)}.login-popup-error{background:#fff1f2;color:#e11d48;padding:1rem;border-radius:.75rem;font-size:.85rem;font-weight:600;border:1px solid #fda4af}@media (max-width: 480px){.login-popup-container{padding:2rem;border-radius:1rem}}:root{--primary: #034eb9;--primary-hover: #023d91;--background: #ffffff;--foreground: #0f172a;--muted: #f8fafc;--muted-foreground: #64748b;--border: #e2e8f0;--input: #f1f5f9;--ring: rgba(3, 78, 185, .5);--radius: .5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{padding:0;margin:0;box-sizing:border-box;font-family:Figtree,sans-serif;-webkit-font-smoothing:antialiased}body{background-color:var(--background);color:var(--foreground);line-height:1.5}.app{width:100%;margin:auto;min-height:100vh;display:flex;flex-direction:column;padding-top:130px}@media (max-width: 1024px){.app{padding-top:70px}}a{text-decoration:none;color:inherit;transition:var(--transition)}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .4s ease-out}