.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-md);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);width:100%;max-width:420px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius);color:var(--color-text-light);transition:var(--transition);background:transparent;border:none;cursor:pointer}.modal-close:hover{background:var(--color-hover);color:var(--color-text)}.modal-close-top-right{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.modal-body{padding:var(--spacing-lg)}@media (max-width:767px){.modal-content{max-width:100%;margin:var(--spacing-md)}.modal-body,.modal-header{padding:var(--spacing-lg)}}.signup-modal{gap:var(--spacing-md)}.signup-modal,.social-buttons{display:flex;flex-direction:column}.social-button,.social-buttons{gap:var(--spacing-sm)}.social-button{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);font-weight:500;font-size:.875rem;color:var(--color-text);transition:var(--transition);cursor:pointer}.social-button:hover{background:var(--color-hover);border-color:var(--color-text-light)}.social-icon{flex-shrink:0;width:20px;height:20px}.social-button-google .social-icon{color:#4285f4}.social-button-facebook .social-icon{color:#1877f2}.social-button-apple .social-icon{color:var(--color-text)}.divider{position:relative;text-align:center;margin:var(--spacing-sm) 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-border)}.divider span{position:relative;background:var(--color-background);padding:0 var(--spacing-md);color:var(--color-text-light);font-size:.875rem}.signup-form{gap:var(--spacing-md)}.form-group,.signup-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs)}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.form-label,.form-label-row{margin-bottom:var(--spacing-xs)}.form-label-row{display:flex;justify-content:space-between;align-items:center}.form-link{font-size:.875rem;color:var(--color-primary);background:transparent;border:none;padding:0;cursor:pointer;text-decoration:none;transition:var(--transition)}.form-link:hover{color:var(--color-primary-dark);text-decoration:underline}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.875rem;color:var(--color-text);background:var(--color-background);transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,204,.1)}.form-input::placeholder{color:var(--color-text-light)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:48px}.password-toggle{position:absolute;right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius);color:var(--color-text-light);background:transparent;border:none;cursor:pointer;transition:var(--transition)}.password-toggle:hover{color:var(--color-text);background:var(--color-hover)}.submit-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;font-size:.9375rem;cursor:pointer;transition:var(--transition);margin-top:var(--spacing-xs)}.submit-button:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.terms-text{font-size:.75rem;color:var(--color-text-light);line-height:1.6;text-align:center}.terms-text p{margin:0 0 var(--spacing-xs) 0}.terms-link{color:var(--color-primary);text-decoration:none;transition:var(--transition)}.terms-link:hover{color:var(--color-primary-dark);text-decoration:underline}.switch-auth{display:flex;justify-content:center;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);margin-top:var(--spacing-xs)}.switch-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-weight:500;font-size:.9375rem;cursor:pointer;transition:var(--transition)}.switch-button:hover{background:var(--color-hover);border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:767px){.signup-modal{gap:var(--spacing-md)}.social-button{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}}.notifications-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;width:380px;max-width:calc(100vw - var(--spacing-md) * 2);max-height:600px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 12px 32px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1);z-index:1001;display:flex;flex-direction:column;animation:slideDown .2s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-background-light);position:-webkit-sticky;position:sticky;top:0;z-index:10}.notifications-title{font-size:1.125rem;font-weight:700;color:var(--color-text);margin:0}.notifications-mark-all-read{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;color:var(--color-primary);font-size:.8125rem;font-weight:500;cursor:pointer;border-radius:var(--border-radius);transition:var(--transition)}.notifications-mark-all-read:hover{background:rgba(0,102,204,.1)}.notifications-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--color-text-light);cursor:pointer;border-radius:var(--border-radius);transition:var(--transition)}.notifications-close:hover{background:var(--color-hover);color:var(--color-text)}.notifications-list{flex:1 1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:transparent}.notifications-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);cursor:pointer;transition:var(--transition);position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-background-light)}.notification-item.unread{background:rgba(0,102,204,.03)}.notification-item.unread:hover{background:rgba(0,102,204,.06)}.notification-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-background-light);border-radius:50%;color:var(--color-primary)}.notification-item.unread .notification-icon{background:rgba(0,102,204,.1)}.notification-content{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.notification-message{font-size:.9375rem;color:var(--color-text);margin:0;line-height:1.4;font-weight:500}.notification-time{font-size:.8125rem;color:var(--color-text-light)}.notification-dot{flex-shrink:0;width:8px;height:8px;background:var(--color-primary);border-radius:50%;margin-top:var(--spacing-xs)}.notifications-empty{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-light)}.notifications-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-background-light)}.notifications-view-all{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;font-size:.9375rem;cursor:pointer;transition:var(--transition)}.notifications-view-all:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width:767px){.notifications-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:auto;left:50%;transform:translateX(-50%);width:calc(100vw - var(--spacing-md) * 2);max-width:400px;max-height:calc(100vh - 100px);box-sizing:border-box}}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:var(--color-navbar-dark);border-bottom:none;box-shadow:var(--shadow-md)}.navbar-container{max-width:1200px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-md);justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.navbar-container,.navbar-left{display:flex;align-items:center}.navbar-left{gap:var(--spacing-lg);flex:1 1}.navbar-membership{display:none;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border-radius:var(--border-radius);font-weight:600;font-size:.875rem;white-space:nowrap;transition:var(--transition)}.navbar-membership:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);color:#fff;background:var(--color-primary-dark)}@media (min-width:768px){.navbar-membership{display:inline-block}}.navbar-brand{display:flex;align-items:center}.navbar-logo{gap:var(--spacing-sm);font-weight:700;font-size:1.25rem}.logo-icon,.navbar-logo{display:flex;align-items:center;color:var(--color-text-white)}.logo-icon{width:32px;height:32px;background:var(--color-primary);border-radius:var(--border-radius);justify-content:center;flex-shrink:0}.logo-letter{font-size:1.25rem;font-weight:700;line-height:1}.logo-text{display:none;color:var(--color-text-white)}@media (min-width:640px){.logo-text{display:inline}}.navbar-links{display:none;align-items:center;gap:var(--spacing-lg)}@media (min-width:1024px){.navbar-links{display:flex}.navbar-mobile-menu,.navbar-mobile-toggle{display:none}}@media (min-width:768px) and (max-width:1023px){.navbar-container{flex-wrap:nowrap;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.navbar-left{flex:0 1 auto;min-width:0;gap:var(--spacing-sm);overflow:hidden}.navbar-brand{flex-shrink:0}.navbar-logo{font-size:1rem}.logo-text{display:none}.navbar-links{display:flex;gap:var(--spacing-xs);flex-wrap:nowrap;overflow:visible}.navbar-link,.navbar-links{white-space:nowrap;flex-shrink:0}.navbar-link{font-size:.475rem;padding:var(--spacing-xs) var(--spacing-xs)}.navbar-membership{order:0;width:auto;text-align:left;padding:var(--spacing-xs) var(--spacing-sm);font-size:.575rem;white-space:nowrap;flex-shrink:0;margin-left:var(--spacing-xs)}.navbar-actions{gap:var(--spacing-xs);flex-shrink:0}.navbar-button-primary,.navbar-button-secondary{font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}}.navbar-link{color:var(--color-text-white);font-weight:500;padding:var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition);opacity:.9}.navbar-link:hover{color:var(--color-text-white);background:var(--color-navbar-dark-hover);opacity:1}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:nowrap}.navbar-button-primary{display:none;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border-radius:var(--border-radius);font-weight:500;font-size:.55rem;transition:var(--transition)}.navbar-button-primary:hover{background:var(--color-primary-dark);color:#fff}@media (min-width:768px){.navbar-button-primary{display:inline-block}}.navbar-button-secondary{display:none;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid hsla(0,0%,100%,.3);border-radius:var(--border-radius);font-weight:500;font-size:.875rem;color:var(--color-text-white);transition:var(--transition)}.navbar-button-secondary:hover{border-color:var(--color-text-white);background:hsla(0,0%,100%,.1);color:var(--color-text-white)}@media (min-width:768px){.navbar-button-secondary{display:inline-block}}.navbar-icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius);color:var(--color-text-white);transition:var(--transition);position:relative;text-decoration:none}.navbar-icon-button:hover{background:var(--color-navbar-dark-hover);color:var(--color-text-white)}.cart-badge{position:absolute;top:4px;right:4px;width:18px;height:18px;background:var(--color-badge-red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;border:2px solid var(--color-navbar-dark)}.navbar-notifications-button,.navbar-notifications-wrapper{position:relative}.navbar-notifications-desktop{display:flex}.navbar-notifications-mobile{display:none}@media (max-width:767px){.navbar-notifications-desktop{display:none}.navbar-notifications-mobile{display:flex}}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 4px;background:var(--color-badge-red);color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;border:2px solid var(--color-navbar-dark);line-height:1}.navbar-profile{display:none;margin-left:var(--spacing-xs)}@media (min-width:768px){.navbar-profile{display:block}}.profile-avatar,.profile-avatar-placeholder{width:32px;height:32px;border-radius:50%;object-fit:cover}.profile-avatar-placeholder{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3)}.navbar-mobile-toggle,.profile-avatar-placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-white)}.navbar-mobile-toggle{width:36px;height:36px;border-radius:var(--border-radius);transition:var(--transition)}.navbar-mobile-toggle:hover{background:var(--color-navbar-dark-hover)}@media (min-width:1024px){.navbar-mobile-toggle{display:none}}.navbar-mobile-menu{display:flex;flex-direction:column;padding:var(--spacing-md);background:var(--color-navbar-dark);border-top:1px solid hsla(0,0%,100%,.1);gap:var(--spacing-sm)}@media (min-width:1024px){.navbar-mobile-menu{display:none}}.navbar-mobile-link{padding:var(--spacing-md);color:var(--color-text-white);font-weight:500;border-radius:var(--border-radius);transition:var(--transition)}.navbar-mobile-link:hover{background:var(--color-navbar-dark-hover);color:var(--color-text-white)}.navbar-mobile-button{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3)}.navbar-mobile-button-primary{background:var(--color-primary);color:#fff;text-align:center}.navbar-mobile-button-primary:hover{background:var(--color-primary-dark);color:#fff}.footer-back-to-top{background:var(--color-subnavbar);border-top:1px solid var(--color-border);padding:var(--spacing-md) 0}.footer-back-to-top-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:center}.back-to-top-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-weight:500;font-size:.875rem;transition:var(--transition)}.back-to-top-button:hover{background:var(--color-hover);border-color:var(--color-primary);color:var(--color-primary)}.back-to-top-logo{width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center}.back-to-top-letter{font-size:.875rem;font-weight:700;line-height:1}.footer{background:var(--color-footer-dark);border-top:none;margin-top:0;padding:var(--spacing-2xl) 0 var(--spacing-xl)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.footer-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section-title{font-size:.9375rem;font-weight:600;color:var(--color-text-white);margin:0}.footer-section-desktop{display:block}.footer-section-mobile{display:none}.footer-section-header-mobile{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md) 0;background:transparent;border:none;border-bottom:1px solid hsla(0,0%,100%,.1);cursor:pointer;color:var(--color-text-white);font-family:inherit}.footer-section-header-mobile:hover{opacity:.9}.footer-section-header-mobile svg{color:hsla(0,0%,100%,.7);transition:var(--transition)}.footer-section-header-mobile:hover svg{color:var(--color-text-white)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0;margin:0}.footer-link{color:hsla(0,0%,100%,.7);font-size:.875rem;transition:var(--transition)}.footer-link:hover{color:var(--color-text-white)}.footer-social{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:hsla(0,0%,100%,.7);transition:var(--transition);border:1px solid hsla(0,0%,100%,.2)}.footer-social-link:hover{background:hsla(0,0%,100%,.1);color:var(--color-text-white);border-color:hsla(0,0%,100%,.4)}.footer-newsletter{margin-top:var(--spacing-md)}.newsletter-label{color:#fff;font-size:.9375rem;font-weight:500;margin-bottom:var(--spacing-md);text-align:center}.newsletter-form{display:flex;width:100%;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition)}.newsletter-form:focus-within{border-color:var(--color-primary);background:hsla(0,0%,100%,.15)}.newsletter-input{flex:1 1;padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;color:var(--color-text-white);font-size:.9375rem;outline:none}.newsletter-input::placeholder{color:hsla(0,0%,100%,.6)}.newsletter-button{padding:var(--spacing-md);background:var(--color-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;width:56px;cursor:pointer}.newsletter-button:hover{background:var(--color-primary-dark)}.newsletter-button:active{transform:scale(.95)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-xl);border-top:1px solid hsla(0,0%,100%,.1)}@media (min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.footer-copyright{color:hsla(0,0%,100%,.7);font-size:.875rem;text-align:center;margin:0}.footer-legal-links{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap;justify-content:center}.footer-legal-divider,.footer-legal-link{color:hsla(0,0%,100%,.7);font-size:.875rem}.footer-legal-link{transition:var(--transition)}.footer-legal-link:hover{color:var(--color-text-white)}@media (min-width:768px) and (max-width:1023px){.footer-top{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.footer-container{padding:0 var(--spacing-md)}}@media (max-width:767px){.footer{padding:var(--spacing-lg) 0}.footer-container{padding:0 var(--spacing-md)}.footer-top{grid-template-columns:1fr;gap:0}.footer-section-desktop{display:none}.footer-section-mobile{display:block}.footer-section-mobile .footer-links{padding:var(--spacing-md) 0;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.footer-bottom{flex-direction:column;text-align:center;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.footer-legal-links{flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs)}.footer-back-to-top-container{padding:0 var(--spacing-md)}.newsletter-form{flex-direction:row;border-radius:var(--border-radius-lg)}.newsletter-button{width:56px;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0}.footer-social{margin-bottom:var(--spacing-md)}}