.profile-dropdown-container{position:relative}.profile-dropdown-trigger{cursor:pointer;color:var(--color-black-alpha-70);transition:color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.profile-dropdown-trigger svg{display:block}.profile-dropdown-menu{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-black-alpha-10);z-index:1000;opacity:0;visibility:hidden;min-width:220px;transition:all var(--transition-fast);position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-10px)}.profile-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.profile-dropdown-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-black-alpha-10)}.profile-dropdown-header p{color:var(--color-black);margin:0;font-size:14px;font-weight:600}.profile-dropdown-header span{color:var(--color-black-alpha-60);margin-top:4px;font-size:12px;display:block}.profile-dropdown-items{padding:var(--spacing-sm)}.profile-dropdown-item{align-items:center;gap:var(--spacing-md);padding:10px var(--spacing-md);color:var(--color-black-alpha-80);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-size:14px;font-weight:500;text-decoration:none;display:flex}.profile-dropdown-item:hover{background-color:var(--color-black-alpha-05);color:var(--color-primary)}.profile-dropdown-item svg{flex-shrink:0;width:18px;height:18px}.profile-dropdown-divider{background-color:var(--color-black-alpha-10);height:1px;margin:var(--spacing-sm)0}.profile-dropdown-signout{color:var(--color-danger)!important}.profile-dropdown-signout:hover{background-color:var(--color-danger-light)!important;color:var(--color-danger-hover)!important}@media (max-width:768px){.profile-dropdown-menu{min-width:200px;left:auto;right:0;transform:translateY(-10px)}.profile-dropdown-menu.open{transform:translateY(0)}}
.nav-wrapper{z-index:100;pointer-events:none;padding:10px 5%;position:sticky;top:0}.nav-pill{background-color:var(--color-white);border-radius:var(--radius-pill);padding:10px var(--spacing-lg);width:fit-content;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:var(--spacing-md);pointer-events:all;min-width:0;max-width:90%;margin:0 auto;display:flex;position:relative}.logo-link{color:var(--color-black);z-index:102;flex-shrink:1;align-items:center;min-width:0;text-decoration:none;display:flex}.logo-link img{width:auto;height:30px;display:block}.icon{fill:currentColor;margin:auto;display:block}.shop-icon-mobile,.shop-icon-desktop,.cart-icon-link,.profile-icon-mobile,.profile-icon-desktop{color:var(--color-black-alpha-70);transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.shop-icon-mobile:hover,.shop-icon-desktop:hover,.cart-icon-link:hover,.profile-icon-mobile:hover,.profile-icon-desktop:hover{background-color:var(--color-black-alpha-05)}.cart-icon-wrapper{display:flex;position:relative}.cart-badge{background-color:var(--color-secondary);color:var(--color-white);border:2px solid var(--color-white);z-index:10;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.nav-btn-secondary{background-color:var(--color-success);color:var(--color-white);border-radius:var(--radius-pill);transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;padding:10px 24px;font-weight:600;text-decoration:none}.nav-btn-secondary:hover{filter:brightness(1.1);box-shadow:var(--shadow-success)}@media (min-width:769px){.shop-icon-mobile,.cart-icon-mobile,.profile-icon-mobile{display:none!important}.shop-icon-desktop,.cart-icon-link,.profile-icon-desktop{width:44px;height:44px}.shop-icon-desktop .icon,.cart-icon-link .icon,.profile-icon-desktop .icon{width:24px;height:24px}.nav-links{align-items:center;gap:var(--spacing-sm);display:flex}}@media (max-width:768px){.nav-wrapper{padding:var(--spacing-md)5%}.nav-pill{padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-sm);width:100%;max-width:100%}.logo-link img{width:170px;height:auto}.shop-icon-desktop,.profile-icon-desktop{display:none!important}.shop-icon-mobile,.cart-icon-link,.profile-icon-mobile{width:28px;height:28px}.shop-icon-mobile .icon,.cart-icon-link .icon,.profile-icon-mobile .icon{width:20px;height:20px}.shop-icon-mobile{margin-left:auto}.nav-links{background-color:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-black-alpha-10);box-shadow:var(--shadow-md);opacity:0;max-height:0;transition:all var(--transition-medium);flex-direction:column;padding:0;position:absolute;top:calc(100% + 12px);left:0;right:0;overflow:hidden}.nav-links.active{opacity:1;max-height:250px;padding:10px 0}.nav-btn-secondary{text-align:center;width:90%;margin:10px auto}}
.footer{border-top:1px solid var(--color-white-alpha-10);margin-top:auto;padding:20px 10%}.footer-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:1400px;margin:0 auto;font-size:14px;display:flex}.footer-content p{color:var(--color-white-alpha-60);white-space:nowrap;margin:0}.footer-legal{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer-content a,.footer-legal a{color:var(--color-white-alpha-60);transition:color var(--transition-fast);white-space:nowrap;text-decoration:none}.footer-content a:hover,.footer-legal a:hover{color:var(--color-white)}.separator{color:var(--color-white-alpha-30);-webkit-user-select:none;user-select:none}.footer--light{border-top-color:var(--color-black-alpha-10);background-color:var(--color-white-alpha-02)}.footer--light .footer-content p,.footer--light .footer-content a,.footer--light .footer-legal a{color:var(--color-black-alpha-60)}.footer--light .footer-content a:hover,.footer--light .footer-legal a:hover{color:var(--color-black)}.footer--light .separator{color:var(--color-black-alpha-20)}@media (max-width:768px){.footer{padding:10px 5%}.footer-content{gap:8px;font-size:10px}.footer-legal{gap:8px}}@media (max-width:480px){.footer-content{text-align:center;flex-direction:column;gap:6px}.footer-legal{justify-content:center;gap:6px}.footer-content>.separator{display:none}}