.header{background:linear-gradient(135deg,#d4af37,#b8860b);padding:4px 0;border-bottom:1px solid #f1f5f9}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header-content{display:flex;justify-content:space-between;align-items:center}.header-tagline{font-size:.8rem;color:white;font-weight:500}.btn-login{background:white;color:#d4af37;border:none;padding:8px 16px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-login:hover{background:#f8f9fa;transform:translateY(-1px)}.vendor-link{color:#fefce8;text-decoration:none;font-size:.8rem;font-weight:600;transition:all .3s ease;padding:6px 12px;border-radius:6px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2)}.vendor-link:hover{background:rgba(255,255,255,.25);color:white;border-color:rgba(255,255,255,.3);transform:translateY(-1px)}.navbar{background-color:#b8860b;padding:8px 0;box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative;z-index:100}.nav-content{justify-content:space-between;padding:.25rem 0}.nav-content,.nav-left{display:flex;align-items:center}.nav-left{gap:1.25rem;flex:1;min-width:0}.logo{display:flex;align-items:center;flex-shrink:0;line-height:0;color:white;font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.logo-img{display:block;width:auto;height:auto;max-height:38px;max-width:min(168px,38vw);object-fit:contain;object-position:left center}.city-dropdown{position:relative;display:flex;align-items:center;background:rgba(255,255,255,.15);border-radius:8px;overflow:hidden}.city-dropdown select{background:transparent;border:none;color:white;padding:8px 12px;font-size:.9rem;font-weight:500;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;outline:none}.city-dropdown select option{background:#b8860b;color:white;padding:8px}.dropdown-arrow{font-size:.75rem;color:rgba(255,255,255,.8);padding-right:12px;pointer-events:none}.nav-menu{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;list-style:none;margin:0;padding:0;min-width:0}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:.35rem;padding:.5rem .15rem;color:white;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .3s ease;border-bottom:2px solid transparent;white-space:nowrap}.nav-link:hover{color:#fefce8;border-bottom-color:#fefce8}.dropdown-content{position:absolute;top:100%;left:0;background:white;border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,.15);border:1px solid #e2e8f0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1001;min-width:200px;padding:.5rem 0}.dropdown-content.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link{display:block;padding:.75rem 1rem;color:#6b7280;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease}.dropdown-link:hover{color:#d4af37;background:#fefce8}.dropdown-item-container{position:relative}.dropdown-link.has-submenu{display:flex;justify-content:space-between;align-items:center}.submenu-arrow{font-size:.7rem;color:#9ca3af;transition:transform .3s ease}.dropdown-item-container:hover .submenu-arrow{transform:rotate(90deg)}.dropdown-item-container:hover .submenu{opacity:1;visibility:visible;transform:translateX(0)}.submenu{position:absolute;left:100%;top:0;background:white;border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,.15);border:1px solid #e2e8f0;opacity:0;visibility:hidden;transform:translateX(-10px);transition:all .3s ease;z-index:1002;min-width:200px;padding:.5rem 0}.submenu.active{opacity:1;visibility:visible;transform:translateX(0)}.submenu-link{display:block;padding:.75rem 1rem;color:#6b7280;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .3s ease}.submenu-link:hover{color:#d4af37;background:#fefce8}.mobile-menu-toggle{display:none;cursor:pointer;color:#fffef8;font-size:.875rem;padding:.32rem .42rem;min-width:2rem;min-height:2rem;align-items:center;justify-content:center;background:rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.35);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.2)}.mobile-menu-toggle:hover{background:rgba(0,0,0,.2);border-color:rgba(255,255,255,.5);color:#ffffff}.mobile-menu-toggle-icon{font-size:.88rem;line-height:1;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.35)}.nav-actions{display:flex;align-items:center;gap:1rem}.profile-dropdown{position:relative}.profile-icon-btn{display:flex;align-items:center;gap:8px;background:white;color:#d4af37;border:none;padding:8px 16px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.profile-icon-btn:hover{background:#f8f9fa;transform:translateY(-1px)}.profile-icon-btn i{font-size:1.2rem}.profile-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-menu{position:absolute;top:100%;right:0;background:white;border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,.15);border:1px solid #e2e8f0;min-width:180px;padding:.5rem 0;z-index:1001;margin-top:8px}.profile-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:.75rem 1rem;color:#6b7280;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;border:none;background:none;cursor:pointer}.profile-dropdown-item:hover{color:#d4af37;background:#fefce8}.profile-dropdown-item.logout-btn{border-top:1px solid #e2e8f0;margin-top:.5rem;padding-top:.75rem}.profile-dropdown-item i{font-size:.9rem;width:16px;text-align:center}@media (max-width:768px){.nav-content{padding:.25rem 0}.nav-left{gap:.75rem;flex:1;min-width:0}.nav-actions{gap:.5rem}.nav-actions .btn-login,.nav-actions .city-dropdown,.nav-actions .profile-dropdown{display:none}.vendor-link{font-size:.7rem;padding:4px 8px;font-weight:600}.city-dropdown{order:-1}.logo{font-size:20px}.logo-img{max-height:32px;max-width:min(140px,42vw)}.city-dropdown select{font-size:.8rem;padding:6px 10px}.dropdown-arrow{font-size:.7rem;padding-right:10px}.nav-menu{display:none}.nav-item{margin-bottom:.5rem}.nav-link{padding:.5rem 0;font-size:.9rem;border-bottom:none;justify-content:space-between;color:#374151;font-weight:600}.nav-link:hover{color:#d4af37;border-bottom-color:transparent}.dropdown-content{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:#f8fafc;border-radius:6px;margin:.5rem 0;padding:.75rem;display:none}.nav-item.active .dropdown-content{display:block}.dropdown-link{display:block;padding:.5rem .75rem;color:#6b7280;text-decoration:none;font-size:.8rem;font-weight:500;transition:all .3s ease;border-radius:4px;background:white;border:1px solid #f1f5f9;margin-bottom:.25rem}.dropdown-link:hover{color:#d4af37;background:#fefce8;border-color:#d4af37}.dropdown-link.has-submenu{justify-content:space-between}.submenu-arrow{font-size:.6rem}.submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:#f1f5f9;border-radius:4px;margin:.25rem 0;padding:.5rem;display:none}.submenu.active{display:block}.submenu-link{padding:.5rem .75rem;font-size:.75rem;background:white;border:1px solid #e2e8f0;margin-bottom:.25rem;border-radius:4px}.submenu-link:hover{background:#fefce8;border-color:#d4af37}.mobile-menu-toggle{display:inline-flex}}@media (min-width:769px){.nav-menu{display:flex!important;position:static!important;background:transparent!important;flex-direction:row!important;flex-wrap:nowrap!important;padding:0!important;transform:none!important;width:auto!important;height:auto!important;overflow:visible!important}.nav-link{font-size:.9rem;padding:.5rem 0;white-space:nowrap;color:white!important;border-bottom:2px solid transparent}.nav-link:hover{color:#fefce8!important;border-bottom-color:#fefce8}.dropdown-content{position:absolute!important;opacity:0;visibility:hidden;transform:translateY(-10px);box-shadow:0 8px 25px rgba(0,0,0,.15)!important;border:1px solid #e2e8f0!important;background:white!important;border-radius:8px!important;margin:0!important;padding:.5rem 0!important;display:block!important}.dropdown-content.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link{padding:.75rem 1rem!important;font-size:.9rem!important;background:transparent!important;border:none!important;margin-bottom:0!important;border-radius:0!important}.dropdown-link:hover{background:#fefce8!important;border:none!important}.submenu{position:absolute!important;left:100%!important;top:0!important;opacity:0;visibility:hidden;transform:translateX(-10px);box-shadow:0 8px 25px rgba(0,0,0,.15)!important;border:1px solid #e2e8f0!important;background:white!important;border-radius:8px!important;margin:0!important;padding:.5rem 0!important;display:block!important}.submenu.active{opacity:1;visibility:visible;transform:translateX(0)}.submenu-link{padding:.75rem 1rem!important;font-size:.85rem!important;background:transparent!important;border:none!important;margin-bottom:0!important;border-radius:0!important}.submenu-link:hover{background:#fefce8!important;border:none!important}.mobile-menu-toggle,.mobile-nav-root{display:none!important}}.mobile-nav-root{position:fixed;inset:0;z-index:100000;pointer-events:auto}.mobile-nav-backdrop{position:absolute;inset:0;border:none;padding:0;margin:0;background:rgba(15,23,42,.45);cursor:pointer}.mobile-nav-panel{position:absolute;top:0;left:0;right:auto;bottom:0;width:min(100%,26rem);max-width:100vw;height:100dvh;max-height:100dvh;background:#fffdf8;box-shadow:8px 0 32px rgba(0,0,0,.18);display:flex;flex-direction:column;z-index:1;border-right:1px solid rgba(212,175,55,.35)}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-top:1px solid rgba(180,83,9,.12);border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#ffcc00,#d4af37)}.mobile-nav-title{margin:0;font-family:var(--font-heading);font-size:1.2rem;font-weight:800;letter-spacing:-.02em;color:#0f172a;line-height:1.2;text-shadow:0 1px 0 rgba(255,255,255,.45)}.mobile-nav-close{width:2.5rem;height:2.5rem;border:none;border-radius:8px;background:rgba(255,255,255,.35);color:#1a202c;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-nav-close:hover{background:rgba(255,255,255,.55)}.mobile-nav-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-nav-city-panel{flex-shrink:0;padding:.9rem 1rem 1rem;background:linear-gradient(165deg,#fffbeb,#fef3c7 45%,#fff7ed);border-bottom:1px solid rgba(180,83,9,.22)}.mobile-nav-city-heading{display:block;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#92400e}.mobile-nav-city-sub{margin:.35rem 0 .65rem;font-size:.78rem;line-height:1.4;color:#78350f;font-family:var(--font-body),sans-serif}.mobile-nav-city-panel--first{padding-top:max(.65rem,env(safe-area-inset-top,0px))}.mobile-nav-city-control{position:relative}.mobile-nav-city-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:46px;padding:.5rem .65rem;border-radius:12px;border:2px solid rgba(180,83,9,.28);background:#fff;font:inherit;cursor:pointer;text-align:left;box-shadow:0 1px 4px rgba(0,0,0,.06);transition:border-color .2s ease,box-shadow .2s ease}.mobile-nav-city-trigger:hover{border-color:rgba(212,175,55,.55)}.mobile-nav-city-trigger.is-open{border-color:#d4af37;box-shadow:0 0 0 3px rgba(212,175,55,.22)}.mobile-nav-city-trigger-main{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.mobile-nav-city-trigger-main .fa-map-marker-alt{color:#d4af37;flex-shrink:0;font-size:.95rem}.mobile-nav-city-trigger-label{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1f2937;font-family:var(--font-body),sans-serif}.mobile-nav-city-trigger-chevron{flex-shrink:0;font-size:.65rem;color:#92400e;transition:transform .2s ease}.mobile-nav-city-trigger.is-open .mobile-nav-city-trigger-chevron{transform:rotate(-180deg)}.mobile-nav-city-sheet{margin-top:.4rem;max-height:min(42vh,260px);overflow-y:auto;border-radius:12px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.1);-webkit-overflow-scrolling:touch}.mobile-nav-city-option{display:block;width:100%;padding:.65rem .85rem;border:none;border-bottom:1px solid #f1f5f9;background:transparent;text-align:left;font-size:.9rem;font-weight:500;color:#374151;cursor:pointer;font-family:var(--font-body),sans-serif}.mobile-nav-city-option:last-child{border-bottom:none}.mobile-nav-city-option:hover{background:#fffbeb;color:#b45309}.mobile-nav-city-option.is-active{background:linear-gradient(90deg,#fffbeb,#fff);font-weight:700;color:#b45309}.mobile-nav-home-link{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;font-weight:700;font-size:.95rem;color:#b45309;text-decoration:none;border-bottom:1px solid #f1f5f9;font-family:var(--font-body),sans-serif}.mobile-nav-link-icon{font-size:1rem;color:#d4af37;width:1.25rem;text-align:center}.mobile-nav-home-link:hover{background:#fffbeb}.mobile-nav-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:.35rem .75rem 1rem;-webkit-overflow-scrolling:touch}.mobile-nav-section-label{display:block;margin:.75rem .35rem .35rem;font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#9ca3af}.mobile-nav-section-label--browse{margin-top:.35rem}.mobile-nav-section-label--browse-divider{margin-top:1rem;padding-top:.65rem;border-top:1px solid #e5e7eb}.mobile-nav-quick{display:flex;flex-direction:column;gap:.25rem;padding:.25rem 0 .5rem}.mobile-nav-quick-link{display:flex;align-items:center;gap:.65rem;padding:.65rem .5rem;border-radius:10px;font-size:.92rem;font-weight:600;color:#1f2937;text-decoration:none;font-family:var(--font-body),sans-serif;border:1px solid transparent;transition:background .2s ease,border-color .2s ease}.mobile-nav-quick-link i{width:1.35rem;text-align:center;color:#d4af37;font-size:1.05rem}.mobile-nav-quick-link:hover{background:#fffbeb;border-color:rgba(212,175,55,.35);color:#b45309}.mobile-nav-block{border-bottom:1px solid #f1f5f9;padding:.35rem 0}.mobile-nav-toplink{display:block;padding:.65rem .35rem;color:#1f2937;font-weight:600;text-decoration:none;font-size:.95rem}.mobile-nav-accordion-trigger,.mobile-nav-sublink-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .35rem;border:none;background:transparent;font:inherit;font-weight:600;font-size:.95rem;color:#1f2937;text-align:left;cursor:pointer}.mobile-nav-chevron{font-size:.65rem;color:#9ca3af;transition:transform .2s ease}.mobile-nav-accordion-trigger.is-open .mobile-nav-chevron,.mobile-nav-sublink-trigger.is-open .mobile-nav-chevron{transform:rotate(-180deg)}.mobile-nav-accordion-body{padding:.25rem 0 .5rem .5rem}.mobile-nav-sublink{display:block;padding:.45rem .35rem;font-size:.875rem;color:#4b5563;text-decoration:none;border-radius:6px}.mobile-nav-sublink:hover{background:#fefce8;color:#b45309}.mobile-nav-leaf-list{padding:.25rem 0 .35rem .5rem;display:flex;flex-direction:column;gap:.2rem}.mobile-nav-leaf-link{display:block;padding:.4rem .35rem;font-size:.8rem;color:#6b7280;text-decoration:none;border-radius:4px}.mobile-nav-leaf-link:hover{background:#f3f4f6;color:#d4af37}.mobile-nav-footer{flex-shrink:0;padding:.85rem .85rem calc(.85rem + env(safe-area-inset-bottom, 0px));border-top:1px solid #e5e7eb;background:linear-gradient(180deg,#ffffff,#fafaf9);display:flex;flex-direction:column;gap:.55rem}.mobile-nav-account-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.65rem .75rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff;text-decoration:none}.mobile-nav-account-btn--outline{background:#fff;color:#b8860b;border:2px solid #d4af37}.mobile-nav-account-btn:hover{filter:brightness(1.05)}.mobile-nav-vendor-link{text-align:center;font-size:.8rem;font-weight:600;color:#b8860b;text-decoration:none;padding:.35rem}.mobile-nav-vendor-link:hover{text-decoration:underline}