.public-header{background:rgba(255,255,255,.8);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;transition:box-shadow .3s ease}.public-header:hover{box-shadow:0 4px 20px rgba(0,0,0,.07)}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1500px;margin:0 auto;padding:1rem 1.5rem;gap:1.5rem}.header-left{flex-shrink:0}.logo-section{gap:.8rem;text-decoration:none}.logo-icon,.logo-section{display:flex;align-items:center}.logo-icon{width:40px;height:40px;justify-content:center;background:linear-gradient(135deg,#5e72e4,#825ee4);border-radius:12px;font-size:1.5rem;color:white;box-shadow:0 4px 10px rgba(94,114,228,.3);transition:transform .3s ease}.logo-section:hover .logo-icon{transform:rotate(-10deg) scale(1.05)}.logo-text .brand-name{margin:0;font-size:1.25rem;font-weight:700;color:#333;letter-spacing:-.5px}.logo-text .brand-tagline{margin:0;font-size:.75rem;color:#4b5563;font-weight:500}.header-center{flex:1 1;max-width:500px}.search-wrapper{position:relative}.search-input-container{display:flex;align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;transition:all .3s ease;position:relative}.search-input-container:focus-within{border-color:transparent;box-shadow:0 0 0 1px #5e72e4,0 0 0 4px rgba(94,114,228,.15);background:white}.search-icon-left{width:18px;height:18px;margin:0 .8rem;color:#adb5bd;stroke-width:2.5}.public-header .header-search-input{flex:1 1;border:none;padding:.75rem 0;font-size:1rem;color:#212529;background:transparent;outline:none}.header-search-input::placeholder{color:#adb5bd}.search-clear{background:none;border:none;padding:0 .8rem;color:#adb5bd;cursor:pointer;font-size:1.3rem;transition:color .2s ease}.search-clear:hover{color:#5e72e4}.search-results-container{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.1);border:1px solid #e9ecef;max-height:400px;overflow:hidden;display:flex;flex-direction:column;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.search-results-list{overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f1f3f5}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f8f9fa}.result-img{width:45px;height:45px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#e9ecef}.result-img img{width:100%;height:100%;object-fit:cover}.result-text h4{margin:0;font-size:.9rem;font-weight:600;color:#343a40}.result-meta{margin:.2rem 0 0;font-size:.8rem;color:#868e96}.result-arrow{width:16px;height:16px;color:#ced4da;margin-left:auto;transition:transform .2s ease}.search-result-item:hover .result-arrow{transform:translateX(2px);color:#5e72e4}.search-view-all{padding:.8rem;background:#f8f9fa;color:#5e72e4;font-weight:600;cursor:pointer;transition:background-color .2s ease;border:none;border-top:1px solid #e9ecef}.search-view-all:hover{background:#e9ecef}.search-empty{padding:1.5rem;text-align:center;color:#868e96}.header-right{display:flex;align-items:center;gap:1.5rem}.header-nav{display:flex;gap:.5rem}.nav-link{text-decoration:none;color:#495057;font-weight:600;font-size:.9rem;padding:.5rem .8rem;border-radius:8px;transition:all .2s ease}.nav-link:hover{color:#5e72e4;background-color:#f1f3f5}.nav-link.active{color:#5e72e4;background-color:rgba(94,114,228,.1)}.header-actions{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;text-decoration:none;color:white;transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.1)}.action-btn svg{width:20px;height:20px}.action-btn span{display:none}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.tokopedia{background-color:#03ac0e}.shopee{background-color:#ee4d2d}.whatsapp{background-color:#25d366}.mobile-search-toggle{display:none;background-color:#fff;color:#4b5563;border:1px solid #e5e7eb;cursor:pointer}.mobile-search-toggle:hover{background-color:#f9fafb;color:#5e72e4;border-color:#5e72e4}@media (max-width:1024px){.header-container{gap:1rem}.header-center{max-width:400px}.header-right{gap:1rem}.nav-link{font-size:.85rem;padding:.5rem .6rem}}@media (max-width:768px){.public-header{background:white}.header-container{flex-wrap:wrap;justify-content:center;padding:.8rem 1rem;gap:.8rem}.header-left{width:100%;text-align:center;margin-bottom:.5rem}.logo-section{justify-content:center}.header-center{order:2;width:100%;max-width:none;display:none;margin-top:1rem;animation:fadeIn .3s ease}.header-center.open{display:block}.mobile-search-toggle{display:flex}.header-right{order:1;width:100%;justify-content:space-between}}@media (max-width:480px){.header-right{flex-wrap:wrap;justify-content:center;gap:.8rem}.header-actions,.header-nav{width:100%;justify-content:center}}.floating-whatsapp{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#25d366,#1aa750);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 16px rgba(37,211,102,.4);text-decoration:none;transition:all .3s ease;z-index:50;border:3px solid white;animation:pulse 2s infinite}.floating-whatsapp:hover{background:linear-gradient(135deg,#1aa750,#128c3a);transform:scale(1.1) translateY(-3px);box-shadow:0 8px 24px rgba(37,211,102,.6);animation:none}.floating-whatsapp:active{transform:scale(.95) translateY(0)}@keyframes pulse{0%{box-shadow:0 4px 16px rgba(37,211,102,.4)}50%{box-shadow:0 4px 24px rgba(37,211,102,.6)}to{box-shadow:0 4px 16px rgba(37,211,102,.4)}}@media (max-width:768px){.floating-whatsapp{bottom:20px;right:20px;width:55px;height:55px;font-size:1.8rem}}@media (max-width:480px){.floating-whatsapp{bottom:15px;right:15px;width:50px;height:50px;font-size:1.5rem;box-shadow:0 2px 12px rgba(37,211,102,.4)}}