.announcement-bar-wrapper[data-v-5c8821dc]{background:linear-gradient(90deg,#ff9f1c,#ffbf69 50%,#ff9f1c);background-size:200% auto;animation:shine-5c8821dc 4s linear infinite;color:#fff;position:relative;overflow:hidden;height:40px;display:flex;align-items:center;z-index:201;border-bottom:1px solid hsla(0,0%,100%,.15);box-shadow:0 2px 10px #ff9f1c33}@keyframes shine-5c8821dc{to{background-position:200%}}.announcement-bar[data-v-5c8821dc]{width:100%;height:100%;display:flex;align-items:center}.announcement-inner[data-v-5c8821dc]{display:flex;align-items:center;white-space:nowrap;animation:marquee-5c8821dc 30s linear infinite;width:-moz-max-content;width:max-content}.announcement-bar-wrapper:hover .announcement-inner[data-v-5c8821dc]{animation-play-state:paused}.announcement-content[data-v-5c8821dc]{display:flex;align-items:center;padding-right:24px}.announcement-icon[data-v-5c8821dc]{font-size:.9rem;margin-right:10px;color:#ffffffe6;animation:pulse-5c8821dc 2s infinite}@keyframes pulse-5c8821dc{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.announcement-text[data-v-5c8821dc]{font-family:var(--font-sans);font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.15)}.announcement-sep[data-v-5c8821dc]{margin-left:24px;opacity:.5;font-size:.75rem}@keyframes marquee-5c8821dc{0%{transform:translate(0)}to{transform:translate(-50%)}}.announcement-close[data-v-5c8821dc]{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:26px;height:26px;background:#0000001f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10}.announcement-close[data-v-5c8821dc]:hover{background:#0000004d;transform:translateY(-50%) scale(1.1)}.mega-menu{top:100%;right:0;box-sizing:border-box;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity var(--transition-normal),transform var(--transition-normal),visibility var(--transition-normal);z-index:100;padding:var(--space-8) 0;text-align:left}.mega-menu,.mega-menu:before{position:absolute;left:0;width:100%}.mega-menu:before{content:"";bottom:100%;height:40px;background:transparent}.nav-item-mega:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu-grid{display:grid;gap:var(--space-8);align-items:start;max-width:var(--container-width,1200px);margin:0 auto;padding:0 var(--space-4);box-sizing:border-box}.mega-column{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.mega-title{font-family:var(--font-serif);font-size:.95rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:var(--space-2);letter-spacing:.02em}.mega-list{gap:var(--space-3);list-style:none;padding:0;margin:0}.mega-item-link,.mega-list{display:flex;flex-direction:column}.mega-item-link{gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background var(--transition-fast);text-decoration:none}.mega-item-link:hover{background:var(--bg-hover)}.mega-item-header{justify-content:space-between}.mega-item-header,.mega-item-name{display:flex;align-items:center;gap:var(--space-2)}.mega-item-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.mega-icon,.mega-item-name{transition:color var(--transition-fast)}.mega-icon{flex-shrink:0;color:var(--text-muted)}.mega-item-link:hover .mega-icon{color:var(--text-primary)}.mega-item-link:hover .mega-icon.text-accent,.mega-item-link:hover .mega-item-name{color:var(--accent)}.mega-item-arrow{color:var(--text-muted);opacity:0;transform:translate(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.mega-item-link:hover .mega-item-arrow{opacity:1;transform:translate(0)}.mega-item-desc{font-size:.75rem;color:var(--text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mega-promo-col{height:100%}.mega-promo-card{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:16/10;display:flex;align-items:flex-end;background:#151515;border:1px solid var(--border);height:100%;box-sizing:border-box}.mega-promo-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.65;transition:transform var(--transition-slow)}.mega-promo-card:hover .mega-promo-img{transform:scale(1.05)}.mega-promo-content{position:relative;z-index:2;padding:var(--space-4);background:linear-gradient(0deg,#0f0f0ff2 40%,#0f0f0f00);width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.mega-promo-badge{font-size:.65rem;font-weight:700;color:var(--accent);letter-spacing:.1em}.mega-promo-title{font-family:var(--font-serif);font-size:1rem;font-weight:600;color:#fff;line-height:1.2}.mega-promo-text{font-size:.75rem;color:var(--text-muted);line-height:1.4;margin-bottom:var(--space-1)}.w-auto{width:auto}@media(max-width:1200px){.mega-menu-grid{gap:var(--space-4)}}.mobile-menu{position:fixed;top:0;left:0;width:300px;max-width:85vw;height:100vh;background:var(--bg-card);border-right:1px solid var(--border);z-index:400;display:flex;flex-direction:column}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.mobile-nav{flex:1;padding:var(--space-4);display:flex;flex-direction:column;overflow-y:auto}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);font-size:1rem;color:var(--text-secondary);font-weight:500;transition:background var(--transition-fast),color var(--transition-fast)}.mobile-nav-link.router-link-active,.mobile-nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-nav-group-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:var(--space-4) var(--space-3) var(--space-2)}.mobile-nav-sub{display:flex;flex-direction:column}.sub-link{font-size:.95rem;padding-top:var(--space-2);padding-bottom:var(--space-2);padding-left:var(--space-5)}.mobile-menu-footer{padding:var(--space-4);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-1)}.mobile-logout{color:var(--danger)!important;width:100%;text-align:left}.mobile-logout:hover{background:var(--danger-dim)!important}.w-full{width:100%}.header{position:fixed;top:0;left:0;right:0;z-index:200}.header,.header-main{transition:background var(--transition-normal)}.header-main{background:var(--bg-primary);border-bottom:1px solid var(--border)}.header-scrolled .header-main{background:var(--bg-card);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;height:var(--header-height);gap:var(--space-6)}.logo{font-family:var(--font-serif);font-size:1.5rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap;flex-shrink:0}.logo-gar{color:var(--text-primary)}.logo-butik{color:var(--accent)}.desktop-nav{display:flex;align-items:center;gap:var(--space-1);flex:1;justify-content:center}.nav-link{font-size:.875rem;font-weight:500;color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);letter-spacing:.03em}.nav-link.router-link-active,.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.router-link-exact-active.nav-link{color:var(--accent)}.header-actions{gap:var(--space-1);flex-shrink:0}.header-actions,.icon-btn{display:flex;align-items:center}.icon-btn{justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);transition:color var(--transition-fast),background var(--transition-fast);position:relative}.icon-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.icon-btn-rel{position:relative}.icon-badge{position:absolute;top:4px;right:4px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.user-menu-wrap{position:relative}.user-menu{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;animation:scaleIn var(--transition-fast);transform-origin:top right}.user-menu-header{padding:var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-secondary)}.user-menu-name{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:2px}.user-menu-email{font-size:.78rem;color:var(--text-muted)}.user-menu-body{padding:var(--space-2)}.user-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.user-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.user-menu-logout{color:var(--danger)!important}.user-menu-logout:hover{background:var(--danger-dim)!important}.user-menu-divider{border-top:1px solid var(--border);margin:var(--space-2) 0}.search-overlay{position:fixed;inset:0;background:#000000b3;z-index:300;display:flex;align-items:flex-start;padding-top:100px;justify-content:center;animation:fadeIn var(--transition-fast)}.search-box{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);width:100%;max-width:600px;margin:0 var(--space-4);animation:slideUp var(--transition-normal)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;font-size:1.1rem;color:var(--text-primary)}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--transition-fast)}.mobile-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:1024px){.desktop-nav{display:none}.mobile-menu-btn{display:flex}.header-inner{gap:var(--space-3)}.logo{font-size:1.3rem;flex:1}}@media(max-width:480px){.header-actions .btn{display:none}}.nav-item-mega{position:static}.header-main{position:relative}.nav-mega-trigger{display:inline-flex;align-items:center}.nav-item-mega:hover .nav-mega-trigger i{transform:rotate(180deg);color:var(--accent)}.garpuan-badge{display:flex;align-items:center;gap:6px;background:var(--accent-dim);color:var(--accent);padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.garpuan-badge:hover{background:var(--accent);color:#fff}.user-menu-points{display:flex;flex-direction:column;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:8px;font-size:.85rem;color:var(--text-secondary)}.user-menu-points strong{color:var(--accent);font-size:.95rem}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--space-16) 0 0;margin-top:var(--space-16)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-10);margin-bottom:var(--space-12)}.footer-tagline{font-size:.875rem;color:var(--text-muted);margin-top:var(--space-3);margin-bottom:var(--space-5);line-height:1.6}.social-links{display:flex;gap:var(--space-2)}.social-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-muted);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.social-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.footer-col-title{font-family:var(--font-serif);font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:.02em}.footer-links{display:flex;flex-direction:column;gap:var(--space-2)}.footer-link{font-size:.875rem;color:var(--text-muted);transition:color var(--transition-fast)}.footer-link:hover{color:var(--accent)}.footer-newsletter{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-8) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:var(--space-6)}.newsletter-text h4{font-size:1rem;font-family:var(--font-serif);margin-bottom:var(--space-1)}.newsletter-text p{font-size:.875rem;color:var(--text-muted)}.newsletter-form{display:flex;gap:var(--space-3);flex-shrink:0}.newsletter-input{width:260px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) 0;gap:var(--space-4);flex-wrap:wrap}.footer-copyright{font-size:.8125rem;color:var(--text-muted)}.payment-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.payment-badge{font-size:.7rem;font-weight:600;letter-spacing:.08em;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 8px}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media(max-width:768px){.footer-newsletter{flex-direction:column;align-items:flex-start}.newsletter-form{width:100%}.newsletter-input{flex:1;width:auto}}@media(max-width:640px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}.footer-bottom{flex-direction:column;align-items:flex-start}}