.header{background-color:var(--primary-color);color:var(--cream);z-index:1000;border-bottom:.1875rem solid var(--neon-green);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:grid;position:sticky;top:0;box-shadow:0 .25rem 1.25rem #00000026}.logo-container{flex-shrink:1;align-items:center;gap:.5rem;min-width:0;min-height:2.75rem;text-decoration:none;display:flex}.logo-header{width:auto;height:2.75rem;transition:transform var(--transition-fast);object-fit:contain;flex-shrink:0}.logo-header:hover{transform:scale(1.03)}.tagline{color:var(--cream);letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;font-size:1.125rem;font-weight:800;display:inline-block;overflow:hidden}.search-container-wrapper{justify-self:center;width:100%;max-width:48rem;position:relative}.header-search{width:100%;position:relative}.header-search input{border-radius:var(--radius-full);background:var(--bg-color);width:100%;color:var(--dark-green);transition:var(--transition-base);box-sizing:border-box;border:.125rem solid #0000;padding:.5rem 5.5rem .5rem 1rem;font-size:.95rem;font-weight:500;box-shadow:0 .125rem .5rem #0000000d}.header-search input::placeholder{color:var(--secondary-text);opacity:.7}.header-search input:focus{border-color:var(--neon-green);outline:none;box-shadow:0 0 0 .25rem #b6f50033,0 .125rem .75rem #0000001a}.header-search-clear{cursor:pointer;width:1.75rem;height:1.75rem;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:2.75rem;transform:translateY(-50%)}.header-search-clear .material-symbols-outlined{color:var(--text-muted);font-size:1.125rem}.header-search-clear:hover{background:var(--gray-100)}.header-search-clear:hover .material-symbols-outlined{color:var(--danger-color)}.header-search-button{background:var(--neon-green);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;padding:.35rem .45rem;display:flex;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.header-search-button:hover{background:var(--lime-light);transform:translateY(-50%)scale(1.05)}.header-search-button:disabled{opacity:.5;cursor:not-allowed}.search-icon{filter:brightness(0)invert(0);width:1.15rem;height:1.15rem}.search-dropdown-container{background:var(--bg-color);border-radius:var(--radius-md);z-index:1000;border:.0625rem solid var(--border-color);flex-direction:column;max-height:32rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden;box-shadow:0 1rem 2rem #00000026}.search-dropdown-list{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.search-dropdown-list::-webkit-scrollbar{width:.4rem}.search-dropdown-list::-webkit-scrollbar-track{background:0 0}.search-dropdown-list::-webkit-scrollbar-thumb{background:var(--lime-mid);border-radius:var(--radius-sm)}.search-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--lime-light)}.search-dropdown-footer{border-top:1px solid var(--border-color);background:var(--bg-color);flex-shrink:0;justify-content:center;padding:.75rem;display:flex}.search-dropdown-show-all{background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:none;padding:.5rem 1.5rem;font-size:.875rem;font-weight:700}.search-dropdown-show-all:hover{background:var(--dark-green);transform:translateY(-1px);box-shadow:0 4px 12px #145c4a33}.search-loading-state{padding:var(--space-6) var(--space-5);width:100%;color:var(--secondary-text);justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}.header-actions{flex-wrap:nowrap;justify-self:end;align-items:center;gap:1rem;display:flex}.header-dashboard-link{color:var(--cream);border-radius:var(--radius-full);transition:var(--transition-fast);white-space:nowrap;border:.125rem solid #0000;padding:.4rem .8rem;font-size:.875rem;font-weight:700}.header-dashboard-link:hover{border-color:var(--neon-green);background:#ffffff1a}.header-profile-link{border-radius:var(--radius-full);transition:var(--transition-fast);background:0 0;border:.125rem solid #0000;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:.3rem;text-decoration:none;display:flex;position:relative}.header-profile-link:hover{border-color:var(--neon-green);background:#b6f5001f}.person-icon{color:var(--cream);transition:color var(--transition-fast);font-size:1.6rem}.header-profile-link:hover .person-icon{color:var(--neon-green)}.header-favorites{border-radius:var(--radius-full);transition:var(--transition-fast);background:0 0;border:.125rem solid #0000;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:.3rem;text-decoration:none;display:flex;position:relative}.header-favorites:hover{border-color:var(--neon-green);background:#b6f5001f}.heart-icon{color:var(--cream);transition:color var(--transition-fast);font-size:1.6rem}.header-favorites:hover .heart-icon{color:var(--danger-color)}.counter-of-favorites,.counter-of-items{background:var(--danger-color);color:var(--bg-color);border-radius:var(--radius-full);border:.125rem solid var(--dark-green);justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .2rem;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-.25rem;right:-.25rem}.header-cart{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);background:0 0;border:.125rem solid #0000;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:.3rem;display:flex;position:relative}.header-cart:hover{border-color:var(--neon-green);background:#b6f5001f}.cart-icon{color:var(--cream);transition:color var(--transition-fast);font-size:1.6rem}.header-cart:hover .cart-icon{color:var(--neon-green)}@media (width<=48rem){.header{grid-template-columns:1fr auto;grid-template-areas:"logo actions""search search";row-gap:.625rem;padding:.75rem 1rem;display:grid}.logo-container{grid-area:logo;justify-self:start}.search-container-wrapper{grid-area:search;width:100%;max-width:100%}.header-actions{grid-area:actions;justify-self:end;gap:.5rem}.header-dashboard-link{display:none}.cart-icon,.person-icon,.heart-icon{font-size:1.5rem}.header-search input{padding:.5rem 2.5rem .5rem .875rem;font-size:.875rem}}@media (width<=30rem){.tagline{font-size:1rem}.logo-header{height:2.25rem}.logo-container{gap:.375rem;min-height:2.25rem}}@media (width>=64rem){.logo-container{min-height:4.2rem}.logo-header{height:4.2rem}.tagline{font-size:1.6rem}}@media (width<=64rem){.header{grid-template-columns:auto 1fr auto;gap:.75rem}.search-container-wrapper{max-width:100%}}@media (width<=48rem){.header{grid-template-columns:1fr auto;grid-template-areas:"logo actions""search search";row-gap:.75rem}.logo-container{grid-area:logo}.search-container-wrapper{grid-area:search;max-width:100%}.header-actions{grid-area:actions}.header-dashboard-link{display:none}.search-dropdown-container{max-height:24rem}}.search-suggestion-row{border:none;border-bottom:1px solid var(--border-color);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:.75rem;width:100%;padding:.75rem .875rem;font-family:inherit;transition:background-color .15s;display:flex}.search-suggestion-row:last-child{border-bottom:none}.search-suggestion-row:hover,.search-suggestion-row:focus-visible{background:var(--gray-50);outline:none}.search-suggestion-image-box{background:var(--gray-50);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex;overflow:hidden}.search-suggestion-image{object-fit:contain;width:100%;height:100%;padding:.15rem}.search-suggestion-placeholder{color:var(--text-muted);opacity:.4;font-size:1.5rem}.search-suggestion-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.search-suggestion-name{color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;line-height:1.3;overflow:hidden}.search-suggestion-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.search-suggestion-price-box{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.search-suggestion-price{color:var(--gray-900);white-space:nowrap;text-align:right;min-width:4rem;font-size:.9375rem;font-weight:800}.search-suggestion-add-btn{background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:transform .15s,background-color .15s;display:flex}.search-suggestion-add-btn:hover{background:var(--dark-green);transform:scale(1.06)}.search-suggestion-add-btn:active{transform:scale(.96)}.search-suggestion-add-btn .material-symbols-outlined{color:#fff;font-size:1.125rem}@media (width<=30rem){.search-suggestion-row{gap:.5rem;padding:.6rem .625rem}.search-suggestion-image-box{width:3rem;height:3rem}.search-suggestion-name{font-size:.8125rem}.search-suggestion-meta{font-size:.6875rem}.search-suggestion-price{min-width:3.25rem;font-size:.875rem}.search-suggestion-add-btn{width:2rem;height:2rem}.search-suggestion-add-btn .material-symbols-outlined{font-size:1rem}}.cart-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:flex-end;animation:.2s cartFadeIn;display:flex;position:fixed;inset:0}@keyframes cartFadeIn{0%{opacity:0}to{opacity:1}}.cart-modal{background:var(--bg-color);flex-direction:column;width:100%;max-width:480px;height:100vh;animation:.3s cartSlideIn;display:flex;box-shadow:-4px 0 20px #0000001a}@keyframes cartSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.cart-modal-header h2{color:var(--primary-color);margin:0;font-size:1.375rem;font-weight:700}.cart-modal-header .close-btn{cursor:pointer;color:var(--gray-500);transition:var(--transition-fast);padding:var(--space-1) var(--space-2);background:0 0;border:none;border-radius:50%;font-size:1.75rem}.cart-modal-header .close-btn:hover{background:var(--danger-light);color:var(--danger-color)}.cart-modal-body{padding:var(--space-4) var(--space-5);flex:1;overflow-y:auto}.empty-cart{height:100%;color:var(--gray-500);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-cart p{margin:var(--space-4) 0;font-size:1.125rem}.continue-shopping-btn{padding:.625rem var(--space-5);background:var(--dark-green);color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;border-radius:30px;font-weight:600}.continue-shopping-btn:hover{background:var(--mid-green)}.cart-items-list{gap:var(--space-4);padding-bottom:var(--space-4);flex-direction:column;display:flex}.cart-item{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);background:#fafafa;align-items:center;display:flex}.cart-item:hover{background:var(--gray-100)}.cart-item-image{object-fit:cover;background-color:var(--cream);border-radius:8px;flex-shrink:0;width:60px;height:60px}.cart-item-details{flex:1}.cart-item-details h4{color:var(--primary-color);margin:0 0 4px;font-size:.9375rem;font-weight:600}.cart-item-price{color:var(--gray-500);margin:0 0 var(--space-2);font-size:.8125rem}.cart-item-actions{align-items:center;gap:var(--space-3);display:flex}.qty-controls{align-items:center;gap:var(--space-2);border:1px solid var(--border-color);padding:2px var(--space-2);background:#fff;border-radius:30px;display:flex}.qty-controls button{cursor:pointer;color:var(--dark-green);width:28px;height:28px;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.qty-controls button:hover{background:var(--neon-green)}.qty-controls span{text-align:center;min-width:24px;font-size:1rem;font-weight:600}.remove-item-btn{cursor:pointer;color:var(--gray-400);transition:var(--transition-fast);background:0 0;border:none;font-size:1.125rem}.remove-item-btn:hover{color:var(--danger-color);transform:scale(1.1)}.cart-item-total{color:var(--primary-color);white-space:nowrap;font-size:1rem;font-weight:700}.cart-summary{border-top:2px solid var(--border-color);padding-top:var(--space-4);margin-top:var(--space-2)}.cart-total-row{color:var(--primary-color);margin-bottom:var(--space-4);justify-content:space-between;font-size:1.125rem;font-weight:700;display:flex}.cart-total-price{color:var(--dark-green)}.checkout-btn{background:var(--neon-green);width:100%;color:var(--dark-green);cursor:pointer;transition:var(--transition-fast);border:none;border-radius:30px;padding:14px;font-size:1rem;font-weight:700}.checkout-btn:hover{background:var(--lime-light);transform:scale(1.02)}.clear-cart-btn{width:100%;color:var(--danger-color);border:2px solid var(--danger-color);cursor:pointer;margin-top:var(--space-2);transition:var(--transition-fast);background:0 0;border-radius:30px;padding:.625rem;font-size:.875rem;font-weight:600}.clear-cart-btn:hover{background:var(--danger-light)}@media (width<=30rem){.cart-modal{max-width:100%}.cart-item{flex-wrap:wrap}.cart-item-total{margin-left:auto}.cart-modal-header h2{font-size:1.125rem}}
