.navbar[data-v-1a1d348a]{font-family:Poppins,sans-serif;position:fixed;top:0;width:100%;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='68' viewBox='0 0 800 68' preserveAspectRatio='none'%3E%3Cpath d='M800,0 L800,68 Q650,58 550,38 T300,0 Z' fill='%23ffe4cc' /%3E%3Cpath d='M800,0 L800,68 Q700,38 600,18 T450,0 Z' fill='%23FF6434' /%3E%3C/svg%3E");background-position:top right;background-repeat:no-repeat;z-index:1000;border-bottom:1px solid #eeeeee;box-shadow:0 1px 12px #00000012}.navbar-content-wrapper[data-v-1a1d348a]{max-width:1380px;margin:0 auto;padding:0 2rem}.top-bar[data-v-1a1d348a]{display:flex;align-items:center;gap:1.75rem;height:68px}.logo[data-v-1a1d348a]{flex-shrink:0;display:flex;align-items:center}.logo img[data-v-1a1d348a]{height:55px;width:auto;display:block;transition:opacity .2s ease}.logo:hover img[data-v-1a1d348a]{opacity:.85}.logo[data-v-1a1d348a]:after{content:"";display:block;width:1px;height:28px;background:#e8e8e8;margin-left:1.75rem}.search-section[data-v-1a1d348a]{flex:1;display:flex;align-items:center;gap:.875rem;min-width:0}.desktop-only[data-v-1a1d348a]{flex-shrink:0}.search-host[data-v-1a1d348a]{flex:1;min-width:0}.category-fallback-btn[data-v-1a1d348a]{display:flex;align-items:center;gap:8px;background:#fff;border:none;border-radius:10px;font-weight:600;color:#333;cursor:pointer;transition:.2s;padding:.5rem;transform:scale(1.1)}.category-fallback-btn[data-v-1a1d348a]:hover{background:#f9f9f9}.search-fallback-btn[data-v-1a1d348a]{width:100%;height:48px;border:1px solid transparent;background:#f5f5f5;border-radius:12px;display:flex;align-items:center;padding:0 1rem;cursor:text;transition:all .2s ease}.search-fallback-btn[data-v-1a1d348a]:hover{background:#eee}.search-fallback-icon[data-v-1a1d348a]{color:#999;font-size:1.25rem;margin-right:.75rem}.search-fallback-text[data-v-1a1d348a]{color:#aaa;font-size:.95rem}.auth-section[data-v-1a1d348a]{display:flex;align-items:center;gap:.25rem;flex-shrink:0;margin-left:.5rem}.dropdown-wrapper[data-v-1a1d348a]{position:relative}.no-underline[data-v-1a1d348a]{text-decoration:none}.user-icon-lg[data-v-1a1d348a]{font-size:1.25rem}.icon-gap[data-v-1a1d348a]{margin-right:.5rem}.cart-container[data-v-1a1d348a]{position:relative;display:flex;align-items:center}.nav-action-item[data-v-1a1d348a]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#555;text-decoration:none;cursor:pointer;transition:color .2s ease;padding:4px}.nav-action-item[data-v-1a1d348a]:hover{color:#e85423}.nav-action-item .icon-wrapper[data-v-1a1d348a]{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;transition:background .2s ease}.nav-action-item:hover .icon-wrapper[data-v-1a1d348a]{background:#fff5f2}.nav-action-item .material-icons[data-v-1a1d348a]{font-size:1.6rem}.nav-action-item .action-text[data-v-1a1d348a]{font-size:.65rem;font-weight:500;white-space:nowrap}.cart-badge[data-v-1a1d348a]{position:absolute;top:0;right:2px;background:#e85423;color:#fff;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;border:2px solid white;z-index:10;padding:0 2px;box-shadow:0 1px 4px #e8542359}.auth-section>.cart-container[data-v-1a1d348a]:after{content:"";display:block;width:1px;height:24px;background:#ebebeb;margin-left:.25rem}.user-profile-btn[data-v-1a1d348a]{display:flex;align-items:center;gap:.5rem;padding:6px 10px 6px 12px;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:background .2s ease}.user-profile-btn[data-v-1a1d348a]:hover{background-color:#f7f7f7}.avatar[data-v-1a1d348a]{width:2.1rem;height:2.1rem;border-radius:50%;background:linear-gradient(135deg,#e85423,#f07040);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;box-shadow:0 2px 8px #e854234d}.user-info[data-v-1a1d348a]{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.2}.user-name[data-v-1a1d348a]{font-size:.8rem;font-weight:600;color:#2a2a2a}.user-points[data-v-1a1d348a]{font-size:.67rem;color:#e85423;font-weight:700;letter-spacing:.01em}.dropdown-arrow[data-v-1a1d348a]{color:#bbb;font-size:1.1rem;transition:transform .2s ease}.user-profile-btn:hover .dropdown-arrow[data-v-1a1d348a]{color:#888}.auth-buttons[data-v-1a1d348a]{display:flex;align-items:center;gap:.6rem;margin-left:.5rem}.login-btn[data-v-1a1d348a],.register-btn[data-v-1a1d348a]{padding:.48rem 1.2rem;border-radius:9px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;letter-spacing:.01em}.login-btn[data-v-1a1d348a]{background:transparent;border:1.5px solid #e85423;color:#e85423}.login-btn[data-v-1a1d348a]:hover{background:#fff4f0}.register-btn[data-v-1a1d348a]{background:#e85423;border:1.5px solid #e85423;color:#fff;box-shadow:0 2px 8px #e8542347}.register-btn[data-v-1a1d348a]:hover{background:#d44a1f;border-color:#d44a1f;box-shadow:0 3px 12px #e8542361;transform:translateY(-1px)}.dropdown-menu[data-v-1a1d348a]{position:absolute;top:calc(100% + 10px);right:0;min-width:270px;background:#fff;border-radius:14px;box-shadow:0 12px 32px #0000001c,0 2px 8px #0000000f;border:1px solid #f0f0f0;z-index:1000;padding:.5rem 0;list-style:none;overflow:hidden}.dropdown-header[data-v-1a1d348a]{display:flex;align-items:center;padding:1rem 1.1rem;gap:.875rem;background:#fafafa}.avatar-large[data-v-1a1d348a]{flex-shrink:0;width:3.1rem;height:3.1rem;border-radius:50%;background:linear-gradient(135deg,#e85423,#f07040);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.35rem;box-shadow:0 3px 10px #e854234d}.user-details[data-v-1a1d348a]{flex:1;overflow:hidden}.user-fullname[data-v-1a1d348a]{font-weight:700;color:#1a1a1a;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.user-email[data-v-1a1d348a]{font-size:.76rem;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.divider[data-v-1a1d348a]{border:none;border-top:1px solid #f2f2f2;margin:.3rem 0}.dropdown-item[data-v-1a1d348a]{display:flex;align-items:center;width:100%;padding:.65rem 1.1rem;color:#333;text-decoration:none;font-size:.86rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,padding-left .15s ease;border:none;background:transparent;text-align:left;box-sizing:border-box;gap:.65rem}.dropdown-item[data-v-1a1d348a]:hover{background:#fff5f2;color:#e85423;padding-left:1.3rem}.dropdown-item .material-icons[data-v-1a1d348a]{font-size:1.1rem;color:#bbb;transition:color .15s ease;flex-shrink:0}.dropdown-item:hover .material-icons[data-v-1a1d348a]{color:#e85423}.dropdown-menu li[data-v-1a1d348a]{pointer-events:none}.dropdown-menu li[data-v-1a1d348a]>*{pointer-events:auto}.logout-btn[data-v-1a1d348a]{color:#e85423}.logout-btn .material-icons[data-v-1a1d348a]{color:#e85423!important}.fade-enter-active[data-v-1a1d348a],.fade-leave-active[data-v-1a1d348a]{transition:opacity .18s ease,transform .18s ease}.fade-enter-from[data-v-1a1d348a],.fade-leave-to[data-v-1a1d348a]{opacity:0;transform:translateY(-8px)}.footer{margin:0 auto;width:100%;max-width:100vw;padding:1rem 6.5rem 2rem;background-color:#f8f9fa!important;font-size:14px;color:#666;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-top:1px solid #ddd;overflow-x:hidden;font-family:Arial,sans-serif}.footer-container{width:100%;display:flex;flex-direction:column;gap:30px;padding:0 50px;box-sizing:border-box}.footer-main-section{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;max-width:100%;gap:30px;overflow-x:hidden;box-sizing:border-box}.footer-logo-section{flex:0 0 260px;max-width:260px}.footer-logo{width:250px;height:auto;margin-bottom:12px}.footer-logo-section p{font-size:14px;color:#666;line-height:1.5;font-weight:300}.google-play-badge{width:147px;height:auto;margin-top:15px;display:block;transition:transform .3s ease}.google-play-badge:hover{transform:scale(1.05)}.footer-column{flex:1 1 0;min-width:220px}.footer-column h4{font-weight:500;font-size:16px;margin-bottom:12px;border-bottom:2px solid #00aaff;padding-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.footer-column ul{list-style:none;padding:0;margin:0;color:#666}.footer-column ul li{margin-bottom:8px;font-size:14px;font-weight:400}.footer-column ul li a{color:#666;text-decoration:none}.footer-column ul li a:hover{text-decoration:underline}.contact-selector-column{position:relative;flex:3 1 0}.footer-contact-full{flex:1 0 100%}.footer-contact-full>h4{font-size:16px;font-weight:600;margin-bottom:14px}.contact-dropdown{position:relative;width:100%;max-width:250px}.contact-button{width:100%;padding:10px 15px;font-size:14px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s;font-weight:400}.contact-button:hover{background-color:#e9e9e9}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;width:100%;background-color:#f8f9fa;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;list-style:none;padding:0;margin:0;z-index:10;box-shadow:0 4px 6px #0000001a}.dropdown-menu li{padding:10px 15px;cursor:pointer;transition:background-color .2s;font-weight:400}.dropdown-menu li:hover{background-color:#f0f0f0}.contact-detail-card{background-color:#f8f9fa;padding:26px;border-radius:10px;margin-top:15px}.contact-detail-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.footer-contact-full .contact-detail-list,.footer-contact-full .contact-detail-card{padding-left:0}.contact-detail-list .contact-detail-card{margin-top:0}.contact-detail-card h4{font-weight:600;font-size:16px;color:#000;margin-bottom:16px;border-bottom:2px solid #00aaff;padding-bottom:6px}.contact-detail-card ul{list-style:none;padding:0;margin:0}.contact-detail-card ul li{margin-bottom:12px;line-height:1.6;font-size:13px;color:#666;font-weight:500}.no-blue-link{color:inherit;text-decoration:none}.no-blue-link:hover{text-decoration:underline}.footer-bottom-detail{width:100%;max-width:100%;margin-top:40px;color:#999;font-size:14px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding-top:20px;border-top:1px solid #ddd;overflow-x:hidden;box-sizing:border-box}.footer-copyright{padding:0 50px;font-size:14px;color:#999;margin:0;font-weight:400}.footer-social-icons{display:flex;align-items:center;gap:10px;padding:0 50px}.footer-follow-text{font-size:14px;color:#666;margin-right:8px;white-space:nowrap}.footer-social-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;text-decoration:none;font-size:14px;font-weight:700;color:#fff;transition:opacity .3s ease}.footer-social-icon:hover{opacity:.8}.footer-social-icon.instagram{background-color:#fff;overflow:hidden}.footer-social-icon.instagram img{width:100%;height:100%;object-fit:cover;border-radius:50%}.footer-social-icon.tiktok{background-color:#000;overflow:hidden;padding:6px}.footer-social-icon.tiktok svg{width:100%;height:100%;color:#fff}@media(max-width:768px){.footer{padding:20px;align-items:center;max-width:100vw;overflow-x:hidden}.footer-main-section{flex-direction:column;gap:20px;justify-content:center;align-items:center;text-align:center;max-width:100%;overflow-x:hidden}.footer-logo-section{max-width:100%;align-items:center;text-align:center}.info-column,.contact-selector-column{min-width:100%;align-items:center;text-align:center}.footer-column h4{margin:10px auto;width:fit-content}.contact-detail-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,2fr));gap:14px}.footer-bottom-detail{flex-direction:column;align-items:center;text-align:center;gap:10px;max-width:100%;overflow-x:hidden}}.with-layout html,.with-layout body{height:100%;margin:0;font-family:Inter,Roboto,Segoe UI,sans-serif;color:#222}.with-layout .page-wrapper{display:flex;flex-direction:column}.with-layout main{flex:1}.with-layout .main-container{max-width:1320px;margin:3rem auto;padding:1rem;width:100%}@media(min-width:768px){.with-layout .main-container{padding:2rem}}@media(min-width:1280px){.with-layout .main-container{padding:3rem}}.with-layout section{margin-bottom:3rem}.with-layout h1,.with-layout h2,.with-layout h3,.with-layout h4{font-weight:600}.with-layout a{text-decoration:none;color:inherit}.with-layout .container-fluid{width:100%;padding:0 1rem}@media(min-width:768px){.with-layout .container-fluid{padding:0 2rem}}:root{--p-primary-color: #000000 !important;--p-primary-color-text: #ffffff !important;--p-primary-hover-color: #1a1a1a !important;--p-primary-active-color: #333333 !important;--p-text-color: #000000 !important;--p-text-color-secondary: #444444 !important;--p-content-color: #000000 !important;--p-link-color: #000000 !important;--p-link-hover-color: #222222 !important;--p-highlight-bg: #000000 !important;--p-highlight-text-color: #ffffff !important;--p-focus-ring-color: #000000 !important;--p-input-border-color: #000000 !important;--p-inputtext-color: #000000 !important;--p-surface-card: #ffffff !important;--p-surface-ground: #f5f5f5 !important}