.subscription-form{width:100%}.form-container{display:flex;gap:12px;align-items:stretch;max-width:500px;margin:0 auto}@media (max-width: 480px){.form-container{flex-direction:column;gap:10px}.form-container input[type=email]{width:100%;text-align:center}.form-container button{width:100%}}@media (max-width: 640px){h3{font-size:1rem!important;padding:0 1rem}}.subscription-form .novaskyn-error-form{padding:.75rem 1rem;margin-top:.75rem;border-radius:12px;font-size:.875rem;text-align:center;background:linear-gradient(135deg,#fef7f7,#fdf4f4);border:1px solid rgba(220,86,76,.2);border-left:3px solid #dc564c;color:#c53030;font-weight:500;line-height:1.4;font-family:Inter,sans-serif;box-shadow:0 1px 4px #dc564c14,inset 1px 1px 2px #fff9;animation:errorSlideIn .3s ease-out}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.subscription-form .novaskyn-error-form{padding:.625rem .875rem;font-size:.8125rem;border-radius:10px;margin-top:.625rem;margin-left:0;margin-right:0}}.midnight-effect{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.moon{position:absolute;top:50px;right:100px;width:80px;height:80px;background:radial-gradient(circle at 30% 30%,#ffffd4,khaki);border-radius:50%;box-shadow:0 0 40px #ffffc880;animation:moonGlow 3s ease-in-out infinite}@keyframes moonGlow{0%,to{box-shadow:0 0 40px #ffffc880}50%{box-shadow:0 0 60px #ffffc8cc}}.stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 10% 20%,white,transparent),radial-gradient(2px 2px at 30% 40%,white,transparent),radial-gradient(1px 1px at 50% 30%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent);background-size:200% 200%;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.3}}.coffee-steam{position:fixed;bottom:-50px;left:50%;transform:translate(-50%);width:100px;height:200px;pointer-events:none;z-index:100}.coffee-steam:before,.coffee-steam:after{content:"";position:absolute;bottom:0;width:40px;height:150px;background:linear-gradient(to top,rgba(139,69,19,.3),transparent);filter:blur(10px);animation:steam 3s ease-in-out infinite}.coffee-steam:after{left:30px;animation-delay:1.5s}@keyframes steam{0%{transform:translateY(0) scaleY(1);opacity:0}20%{opacity:.8}to{transform:translateY(-150px) scaleY(1.5);opacity:0}}.weekend-confetti{position:fixed;top:-10px;left:50%;width:10px;height:10px;background:#ff6b35;animation:weekendFall 3s linear;z-index:100}@keyframes weekendFall{to{transform:translateY(100vh) rotate(720deg);opacity:0}}.sound-indicator{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:#4a7c5933;opacity:0;transform:scale(0);pointer-events:none;z-index:100;transition:all .3s ease}.sound-indicator.active{opacity:1;transform:scale(1);animation:soundPulse .5s ease-out}@keyframes soundPulse{0%{box-shadow:0 0 #4a7c5966}to{box-shadow:0 0 0 20px #4a7c5900}}.season-indicator{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99}.season-carnival:before{content:"";position:absolute;width:30px;height:40px;background:linear-gradient(135deg,#ff006e,#ffbe0b,#00f5ff);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 30 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0 Q5 10 5 20 Q5 30 15 40 Q25 30 25 20 Q25 10 15 0' fill='black'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;animation:carnivalFloat 8s linear infinite}@keyframes carnivalFloat{0%{transform:translateX(random() * 100vw) translateY(-50px) rotate(0)}to{transform:translate(calc(var(--start-x) + 100px)) translateY(100vh) rotate(360deg)}}.season-festaJunina:before{content:"🏮";position:absolute;font-size:30px;animation:lanternFloat 10s ease-in-out infinite}@keyframes lanternFloat{0%,to{transform:translate(20vw) translateY(80vh)}50%{transform:translate(25vw) translateY(-50px)}}.season-christmas:before{content:"❄️";position:absolute;font-size:20px;animation:snowfall 5s linear infinite;left:calc(random()*100%)}@keyframes snowfall{0%{transform:translateY(-50px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:.3}}.shimmer-gold{background:linear-gradient(90deg,#d4af37,#f7ef8a 45%,#d4af37,#f7ef8a 55%,#d4af37);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spin-reveal{animation:spinReveal .6s ease-out}@keyframes spinReveal{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.devtools-toggle{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:50%;background:#1f2937;color:#fff;border:none;font-size:20px;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s ease;z-index:10000}.devtools-toggle:hover{transform:translate(-50%) scale(1.1);box-shadow:0 4px 12px #0006}.devtools-toggle.open{background:#3b82f6}.devtools-menu{position:fixed;bottom:80px;left:50%;transform:translate(-50%);width:600px;max-height:500px;background:#1f2937;border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden;z-index:10001;animation:slideUp .2s ease}.devtools-menu.light{background:#fff;color:#1f2937;box-shadow:0 8px 32px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.devtools-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.devtools-menu.light .devtools-header{border-bottom:1px solid rgba(0,0,0,.1)}.devtools-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.devtools-menu.light .devtools-header h3{color:#1f2937}.devtools-controls{display:flex;gap:8px}.devtools-controls button{width:32px;height:32px;border:none;background:transparent;color:#fff;cursor:pointer;border-radius:6px;font-size:16px;transition:all .2s ease}.devtools-menu.light .devtools-controls button{color:#1f2937}.devtools-controls button:hover{background:#ffffff1a}.devtools-menu.light .devtools-controls button:hover{background:#0000000d}.devtools-categories{padding:20px;max-height:400px;overflow-y:auto}.devtools-category{margin-bottom:24px}.devtools-category:last-child{margin-bottom:0}.devtools-category h4{margin:0 0 12px;font-size:14px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.devtools-menu.light .devtools-category h4{color:#6b7280}.devtools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.devtools-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.devtools-menu.light .devtools-item{background:#00000005;color:#1f2937}.devtools-item:hover{background:#ffffff1a;border-color:#fff3}.devtools-menu.light .devtools-item:hover{background:#0000000d;border-color:#0000001a}.devtools-item.active{background:#3b82f6;border-color:#60a5fa}.devtools-item .devtools-icon{font-size:24px}.devtools-item .devtools-name{font-size:12px;font-weight:500}.devtools-panel{position:fixed;background:#1f2937;border-radius:8px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;animation:fadeIn .2s ease;min-width:300px;min-height:200px}.devtools-panel.light{background:#fff;box-shadow:0 8px 32px #0000001a}.devtools-panel.minimized{min-width:auto;min-height:auto}.devtools-panel.active{box-shadow:0 0 0 2px #3b82f6,0 8px 32px #0006}.devtools-panel.light.active{box-shadow:0 0 0 2px #3b82f6,0 8px 32px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.devtools-panel-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#0003;border-radius:8px 8px 0 0;cursor:move;user-select:none}.devtools-panel.light .devtools-panel-header{background:#0000000d}.devtools-panel-icon{font-size:16px}.devtools-panel-title{flex:1;font-size:14px;font-weight:600;color:#fff}.devtools-panel.light .devtools-panel-title{color:#1f2937}.devtools-panel-controls{display:flex;gap:4px}.devtools-panel-controls button{width:24px;height:24px;border:none;background:transparent;color:#fff;cursor:pointer;border-radius:4px;font-size:14px;transition:all .2s ease}.devtools-panel.light .devtools-panel-controls button{color:#1f2937}.devtools-panel-controls button:hover{background:#ffffff1a}.devtools-panel.light .devtools-panel-controls button:hover{background:#0000000d}.devtools-panel-content{flex:1;padding:16px;overflow:auto;color:#fff}.devtools-panel.light .devtools-panel-content{color:#1f2937}.devtools-panel-resize{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.2) 50%);border-radius:0 0 8px}.devtools-panel.light .devtools-panel-resize{background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.1) 50%)}.devtools-categories::-webkit-scrollbar,.devtools-panel-content::-webkit-scrollbar{width:8px}.devtools-categories::-webkit-scrollbar-track,.devtools-panel-content::-webkit-scrollbar-track{background:transparent}.devtools-categories::-webkit-scrollbar-thumb,.devtools-panel-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.devtools-menu.light .devtools-categories::-webkit-scrollbar-thumb,.devtools-panel.light .devtools-panel-content::-webkit-scrollbar-thumb{background:#0003}.cart-icon-button{position:relative;background:transparent;border:none;padding:8px;cursor:pointer;color:var(--color-primary-dark);transition:all var(--animation-duration-quick) var(--easing-bossa);border-radius:8px}.cart-icon-button:hover{background:#4a7c5914;transform:translateY(-1px)}.cart-icon-button:active{transform:translateY(0) scale(.98)}.cart-icon-button svg{display:block}.cart-badge{position:absolute;top:-4px;right:-4px;background:var(--color-error-main);color:#fff;font-size:.75rem;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;animation:badgePop var(--animation-duration-quick) var(--easing-bossa)}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.navigation-bar{width:100%;background:linear-gradient(135deg,#eaf7eaf2,#f5fcf5fa,#f0fbf0f2);backdrop-filter:blur(16px) saturate(130%);border-bottom:1px solid rgba(74,124,89,.15);position:sticky;top:0;z-index:1000;box-shadow:0 4px 12px #4a7c591f,0 2px 6px #4a7c5914,inset 0 1px #fff6;position:relative}.navigation-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(74,124,89,.1) 20%,rgba(74,124,89,.15) 50%,rgba(74,124,89,.1) 80%,transparent 100%)}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:4rem}.nav-brand{display:flex;align-items:center}.brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;background:none;border:none;cursor:pointer;padding:.5rem 1rem .5rem .5rem;border-radius:12px;margin-left:-.5rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.brand-link:hover{background:#4a7c5914;transform:translateY(-1px)}.brand-icon{display:flex;align-items:center;justify-content:center}.brand-icon .logo{filter:drop-shadow(0 3px 6px rgba(74,124,89,.2));transition:all .4s cubic-bezier(.4,0,.2,1)}.brand-link:hover .brand-icon .logo{transform:translateY(-2px) rotate(3deg) scale(1.05);filter:drop-shadow(0 4px 8px rgba(74,124,89,.25))}.brand-name{font-family:var(--font-family-heading, "Playfair Display", serif);font-size:1.5rem;font-weight:700;color:var(--color-primary, #4a7c59);margin:0}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--color-text, #212529);text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem 0;position:relative;transition:color var(--animation-duration, .3s) var(--animation-easing, ease-in-out)}.nav-link:hover{color:var(--color-primary, #4a7c59)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary, #4a7c59);transform:scaleX(0);transition:transform var(--animation-duration, .3s) var(--animation-easing, ease-in-out)}.nav-link:hover:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:1rem}.nav-button{padding:.6rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;border:2px solid;position:relative;overflow:hidden;transition:all var(--animation-duration, .3s) var(--animation-easing, ease-in-out)}.nav-button.secondary{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(74,124,89,.02) 10px,rgba(74,124,89,.02) 20px),linear-gradient(135deg,#f8fdf8e6,#f0fbf0f2,#f5fcf5e6);color:var(--color-primary-dark, #3a6149);border-color:var(--color-primary, #4a7c59);box-shadow:0 2px 4px #4a7c591a,inset 0 1px #fff9}.nav-button.secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(74,124,89,.1) 50%,transparent 100%);transition:left .5s ease}.nav-button.secondary:hover{background:linear-gradient(135deg,#eaf7eae6,#f0fbf0f2,#e4f5e4e6);transform:translateY(-2px);box-shadow:0 4px 8px #4a7c5926,inset 0 1px #ffffffb3}.nav-button.secondary:hover:before{left:100%}.nav-button.primary{background:linear-gradient(135deg,var(--color-primary, #4a7c59) 0%,var(--color-primary-dark, #3a6149) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 4px #4a7c5933}.nav-button.primary:hover{background:linear-gradient(135deg,var(--color-primary-light, #5ca35c) 0%,var(--color-primary, #4a7c59) 100%);transform:translateY(-2px);box-shadow:0 4px 8px #4a7c5940}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all var(--animation-duration, .3s) var(--animation-easing, ease-in-out)}.user-menu-trigger:hover{background:#4a7c5914}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary, #4a7c59) 0%,var(--color-primary-dark, #3a6149) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600}.user-avatar.large{width:40px;height:40px;font-size:1rem}.user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.user-name{font-size:.875rem;font-weight:500;color:var(--color-text, #212529);line-height:1.2}.user-role{font-size:.75rem;color:var(--color-text-secondary, #495057);line-height:1.2}.chevron-icon{color:var(--color-text-secondary, #495057);transition:transform var(--animation-duration, .3s) var(--animation-easing, ease-in-out)}.chevron-icon.rotated{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:240px;background:#fffffffa;backdrop-filter:blur(12px) saturate(120%);border:1px solid rgba(74,124,89,.15);border-radius:12px;box-shadow:0 8px 24px #4a7c5926;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:.75rem;padding:1rem}.dropdown-name{font-size:.95rem;font-weight:600;color:var(--color-text, #212529);line-height:1.2}.dropdown-email{font-size:.8rem;color:var(--color-text-secondary, #495057);line-height:1.2}.dropdown-role{font-size:.75rem;color:var(--color-primary, #4a7c59);font-weight:500;line-height:1.2}.dropdown-divider{height:1px;background:#4a7c591a;margin:.5rem 0}.dropdown-menu{padding:.5rem}.dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:none;border:none;border-radius:8px;text-align:left;cursor:pointer;font-size:.875rem;color:var(--color-text, #212529);transition:all var(--animation-duration, .3s) var(--animation-easing, ease-in-out)}.dropdown-item:hover{background:#4a7c5914}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:#dc262614}.item-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:background var(--animation-duration, .3s) var(--animation-easing, ease-in-out)}.mobile-menu-toggle:hover{background:#4a7c5914}.hamburger{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:2px;width:100%;background:var(--color-primary, #4a7c59);border-radius:1px;transition:all var(--animation-duration, .3s) var(--animation-easing, ease-in-out)}.hamburger.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:last-child{transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{display:none;background:#fffffffa;backdrop-filter:blur(12px) saturate(120%);border-top:1px solid rgba(74,124,89,.15);padding:1rem}.mobile-nav-links{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.mobile-nav-link{color:var(--color-text, #212529);text-decoration:none;padding:.75rem;border-radius:8px;font-size:.95rem;font-weight:500;transition:all var(--animation-duration, .3s) var(--animation-easing, ease-in-out)}.mobile-nav-link:hover{background:#4a7c5914;color:var(--color-primary, #4a7c59)}.mobile-nav-actions{display:flex;flex-direction:column;gap:1rem}.mobile-nav-button{padding:.75rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;border:1px solid;transition:all var(--animation-duration, .3s) var(--animation-easing, ease-in-out)}.mobile-nav-button.secondary{background:transparent;color:var(--color-primary, #4a7c59);border-color:var(--color-primary, #4a7c59)}.mobile-nav-button.secondary:hover{background:#4a7c5914}.mobile-nav-button.primary{background:linear-gradient(135deg,var(--color-primary, #4a7c59) 0%,var(--color-primary-dark, #3a6149) 100%);color:#fff;border-color:transparent}.mobile-user-section{border-top:1px solid rgba(74,124,89,.15);padding-top:1rem}.mobile-user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.mobile-user-actions{display:flex;flex-direction:column;gap:.5rem}.mobile-user-action{background:none;border:none;padding:.75rem;text-align:left;border-radius:8px;cursor:pointer;font-size:.875rem;color:var(--color-text, #212529);transition:all var(--animation-duration, .3s) var(--animation-easing, ease-in-out)}.mobile-user-action:hover{background:#4a7c5914}.mobile-user-action.danger{color:#dc2626}.mobile-user-action.danger:hover{background:#dc262614}@media (max-width: 768px){.nav-links,.nav-actions{display:none}.mobile-menu-toggle,.mobile-menu{display:block}.user-menu{display:none}}@media (max-width: 480px){.nav-container{padding:0 .75rem;height:3.5rem}.brand-name{font-size:1.25rem}.user-dropdown{min-width:200px;right:-1rem}}:root{--transform-gpu: translateZ(0);--will-change-safe: transform, opacity}.auth-form{max-width:600px;width:90%;margin:2rem auto;padding:2.5rem 3rem;position:relative;overflow:hidden;background:linear-gradient(145deg,#eaf7eafa,#fafffaf5,#f0fbf0fa,#f5fcf5f5,#f8fdf8fa);box-shadow:0 20px 40px #4a7c591f,0 8px 16px #4a7c5914,0 4px 6px #4a7c590f,inset 0 1px #fffc,inset 0 -1px #4a7c590d;border:2px solid;border-image:linear-gradient(135deg,#4a7c5926,#5ca35c1a,#4a7c5926) 1;backdrop-filter:blur(16px) saturate(130%) brightness(1.02);font-feature-settings:"kern" 1,"liga" 1,"swsh" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:formEmerge .8s cubic-bezier(.16,1,.3,1);will-change:transform,opacity;transform:var(--transform-gpu)}.login-form.auth-form{max-width:700px;width:95%;padding:2.5rem 3rem}.login-form.auth-form:has(.auth-header-spacious){padding:3rem 3.5rem;margin-top:1.5rem;margin-bottom:1.5rem}.multi-step-form.auth-form{max-width:650px;width:95%}.auth-form-organic{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(74,124,89,.02) 10px,rgba(74,124,89,.02) 11px);background-size:15px 15px}@keyframes formEmerge{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-form:hover{box-shadow:0 22px 44px #4a7c5921,0 10px 20px #4a7c5917,0 4px 6px #4a7c590f,inset 0 1px #fffc,inset 0 -1px #4a7c590d;transition:box-shadow .3s ease}.auth-header{text-align:center;margin-bottom:2.5rem;position:relative}.pigeon-welcome{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;position:relative}.pigeon-welcome.pigeon-hero{margin-bottom:2rem;padding:1.5rem 0}.pigeon-welcome .logo{filter:drop-shadow(0 8px 16px rgba(74,124,89,.2));transition:all var(--micro-timing-smooth) var(--easing-bossa)}.pigeon-welcome:hover .logo{transform:translateY(-4px) rotate(2deg) scale(1.05);filter:drop-shadow(0 12px 20px rgba(74,124,89,.25))}.pigeon-welcome.pigeon-hero .logo{filter:drop-shadow(0 12px 24px rgba(74,124,89,.25));animation:origamiPigeonFloat 3s ease-in-out infinite}@keyframes origamiPigeonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.auth-header h2{font-family:var(--font-family-heading, "Playfair Display", serif);font-size:1.85rem;font-weight:700;color:var(--color-primary-dark, #3a6149);margin:0 0 .75rem;text-shadow:0 2px 4px rgba(74,124,89,.12);animation:textEmerge .8s cubic-bezier(.16,1,.3,1) .3s both}.auth-header p{color:var(--color-text-secondary, #495057);font-size:1rem;margin:0;line-height:1.6;font-weight:400;animation:textEmerge 1s cubic-bezier(.16,1,.3,1) .5s both}@keyframes textEmerge{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header-spacious{margin-bottom:3rem;padding-top:1rem}.pigeon-welcome-large{margin-bottom:2rem;padding:1rem 0}.pigeon-welcome-large .logo{filter:drop-shadow(0 15px 30px rgba(74,124,89,.15));animation:origamiPigeonFloatLarge 3.5s ease-in-out infinite}.pigeon-welcome-large:hover .logo{transform:translateY(-6px) rotate(3deg) scale(1.08);filter:drop-shadow(0 20px 35px rgba(74,124,89,.2))}@keyframes origamiPigeonFloatLarge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-title-large{font-size:2.25rem!important;margin-bottom:1rem!important;letter-spacing:-.02em;line-height:1.3!important}.login-subtitle-large{font-size:1.1rem!important;margin-bottom:.5rem!important;font-weight:500!important;letter-spacing:.01em}.auth-error{display:flex;align-items:center;padding:.875rem 1rem;margin-bottom:1rem;background:linear-gradient(135deg,#fef7f7,#fef2f2);border:1px solid rgba(220,38,38,.2);border-left:4px solid #dc2626;border-radius:12px;color:#dc2626;font-size:.875rem;font-weight:500;line-height:1.4;box-shadow:0 2px 4px #dc262614;animation:errorSlideIn .3s ease-out}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.auth-form-fields .form-group.full-width{grid-column:1 / -1}.auth-form-fields>*:not(.full-width){grid-column:span 1}.auth-form-fields>*{min-height:60px;position:relative}.auth-form-fields>.form-group{grid-column:span 1!important}.auth-header-spacious~.auth-error+form .auth-form-fields,.auth-header-spacious~form .auth-form-fields{gap:2rem;margin-bottom:2rem}.auth-header-spacious~.auth-error+form .auth-form-fields>*,.auth-header-spacious~form .auth-form-fields>*{min-height:70px}.auth-header-spacious~.auth-error+form .auth-submit-button,.auth-header-spacious~form .auth-submit-button{padding:1.25rem 2rem;font-size:1.05rem;margin-top:1.5rem;border-radius:18px}.signup-address-form .address-form-fields,.signup-address-form .address-form-row{display:contents}.signup-address-form .cep-row{display:grid;grid-column:1 / -1;grid-template-columns:1fr 2fr;gap:1rem}.signup-address-form .street-row{display:grid;grid-column:1 / -1;grid-template-columns:2fr 1fr;gap:1rem}.signup-address-form .complement-row,.signup-address-form .neighborhood-row{grid-column:1 / -1}.signup-address-form .city-state-row{display:grid;grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.auth-form-fields{grid-template-columns:1fr;gap:1.25rem}.auth-form-fields .form-group.full-width{grid-column:1}.login-form .auth-form-fields,.signup-address-form .cep-row,.signup-address-form .street-row,.signup-address-form .city-state-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-input-container{position:relative}.form-input-status{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;z-index:2}.status-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:all var(--micro-timing-quick) var(--easing-bossa)}.status-indicator.validating{color:var(--color-primary)}.status-indicator.valid{color:#10b981;background:#10b9811a;animation:validationSuccess .4s ease-out}.status-indicator.error{color:#dc2626;background:#dc26261a;animation:validationError .3s ease-out}.spinner{animation:spin 1s linear infinite}@keyframes validationSuccess{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes validationError{0%{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}to{transform:translate(0)}}.char-count{font-size:.75rem;color:var(--color-text-tertiary);margin-left:auto;font-weight:400}.field-help{font-size:.8rem;color:var(--color-text-secondary);margin-top:.25rem;line-height:1.4;display:flex;align-items:center;gap:.25rem}.form-group.focused .form-input{border-color:var(--color-primary);box-shadow:0 0 0 3px #4a7c591a,0 4px 8px #4a7c5914,inset 0 1px 2px #4a7c590d;transform:translateY(-1px)}.form-group.valid .form-input{border-color:#10b981;background:linear-gradient(135deg,#10b98105,#fffffffa)}.form-group.error .form-input{border-color:#dc2626;background:linear-gradient(135deg,#dc262605,#fffffffa)}.form-group.validating .form-input{border-color:var(--color-primary);background:linear-gradient(135deg,#4a7c5905,#fffffffa)}.form-label{transition:all var(--micro-timing-quick) var(--easing-bossa)}.form-group.focused .form-label{color:var(--color-primary-dark);transform:translateY(-1px)}.form-group.valid .form-label{color:#059669}.form-group.error .form-label{color:#dc2626}.password-strength{margin-top:.75rem;padding:1rem;background:linear-gradient(135deg,#4a7c5905,#fffffff2);border:1px solid rgba(74,124,89,.1);border-radius:12px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-strength-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.strength-label{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.strength-level{font-size:.85rem;font-weight:600;transition:color .3s ease}.strength-bar{width:100%;height:6px;background:#0000001a;border-radius:3px;overflow:hidden;margin-bottom:.75rem}.strength-fill{height:100%;border-radius:3px;transition:all .4s cubic-bezier(.4,0,.2,1)}.strength-criteria{display:flex;flex-direction:column;gap:.4rem}.criteria-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;transition:all .2s ease}.criteria-item.met{color:#059669}.criteria-item.unmet{color:var(--color-text-tertiary)}.criteria-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.criteria-item.met .criteria-icon{color:#059669}.criteria-item.unmet .criteria-icon{color:var(--color-text-tertiary)}.security-tip{margin-top:.75rem;padding:.75rem;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#059669;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tip-icon{flex-shrink:0;color:#059669}.required-indicator{color:#dc2626;margin-left:.25rem}.field-error{font-size:.75rem;color:#dc2626;margin-top:.25rem;display:block;line-height:1.4}.form-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-label{font-size:.875rem;font-weight:500;color:var(--color-primary-dark, #3a6149);margin-bottom:.5rem}.form-input{padding:1rem 1.25rem;font-size:.95rem;background:repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(74,124,89,.01) 20px,rgba(74,124,89,.01) 21px),linear-gradient(135deg,#fffffff2,#fcfffcfa,#fafefaf2);border:2px solid rgba(74,124,89,.25);border-radius:16px;color:var(--color-text, #212529);font-family:var(--font-family-base, "Inter", sans-serif);transition:all var(--micro-timing-quick) var(--easing-bossa);transform-style:preserve-3d;box-shadow:inset 0 2px 4px #4a7c590f,inset 0 1px 2px #4a7c5914,0 1px #ffffffe6,0 2px 4px #4a7c590d}.form-input:focus{outline:none;border-color:var(--color-primary, #4a7c59);background:repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(74,124,89,.008) 20px,rgba(74,124,89,.008) 21px),linear-gradient(135deg,#fffffffa,#fcfffc);transform:translateY(-2px) translateZ(10px) rotateX(.5deg);box-shadow:0 0 0 3px #4a7c5926,0 8px 16px #4a7c591a,0 4px 8px #4a7c5914,inset 0 1px 2px #4a7c590d,0 1px #fffffff2}.form-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-input::placeholder{color:#9ca3af}.password-input-container{position:relative}.password-input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-tertiary, #868e96);cursor:pointer;padding:.25rem;border-radius:8px;transition:all var(--micro-timing-quick) var(--easing-bossa)}.password-toggle:hover{color:var(--color-primary, #4a7c59);background:#4a7c5914;transform:translateY(-50%) scale(1.05)}.password-toggle svg{width:18px;height:18px}.form-options{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;cursor:pointer}.form-checkbox{width:16px;height:16px;border-radius:4px;cursor:pointer}.link-button{background:none;border:none;color:var(--color-primary, #4a7c59);font-size:.875rem;cursor:pointer;text-decoration:none;padding:.25rem 0;border-radius:4px;transition:all var(--micro-timing-quick) var(--easing-bossa)}.link-button:hover:not(:disabled){color:var(--color-primary-dark, #3a6149);text-decoration:underline;transform:translateY(-1px)}.link-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-submit-button{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 1.25rem;background:linear-gradient(135deg,#ff6b35,#e85a2b);color:#fff;border:none;border-radius:16px;font-size:.95rem;font-weight:600;font-family:var(--font-family-base, "Inter", sans-serif);cursor:pointer;margin-top:.75rem;position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 6px #ff6b3540,0 1px 2px #ff6b354d,inset 0 1px #fff3}.button-content{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:2;transition:transform .2s ease}.loading-icon{animation:spin 1s linear infinite}.loading-text{margin-left:.25rem}.auth-submit-button.pressed{transform:translateY(1px) scale(.98);box-shadow:0 2px 4px #ff6b354d,0 1px 2px #ff6b3566,inset 0 1px #ffffff26}.auth-submit-button:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 52%,transparent 60%);transform:skew(-25deg);transition:left .5s cubic-bezier(.4,0,.2,1)}.auth-submit-button:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 12px 12px 0;border-color:transparent rgba(0,0,0,.05) transparent transparent;transition:all var(--micro-timing-normal) var(--easing-bossa)}.auth-submit-button:hover:not(:disabled):not(.pressed){background:linear-gradient(135deg,#ff7745,#ff6b35);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b354d,0 2px 8px #ff6b3533,inset 0 1px #ffffff4d}.auth-submit-button:focus-visible{outline:3px solid rgba(255,107,53,.4);outline-offset:2px}.button-ripple{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden}.auth-submit-button:active .button-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);animation:ripple .6s ease-out}@keyframes ripple{to{width:300px;height:300px;opacity:0}}.auth-submit-button:hover:not(:disabled):before{left:150%}.auth-submit-button:hover:not(:disabled):after{border-width:0 15px 15px 0;border-color:transparent rgba(0,0,0,.08) transparent transparent}.auth-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #ff6b3526,inset 0 1px #ffffff1a}.loading-spinner{width:16px;height:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid rgba(74,124,89,.15)}.auth-footer p{color:var(--color-text-secondary, #495057);font-size:.875rem;margin:0;line-height:1.5}.dev-credentials{margin-top:1.5rem;padding:1rem;position:relative;z-index:1;background:linear-gradient(135deg,#4a7c590d,#4a7c5914);border:1px solid rgba(74,124,89,.15);border-radius:12px;font-size:.875rem;box-shadow:0 2px 4px #4a7c590f}.dev-credentials summary{color:var(--color-primary, #4a7c59);font-weight:500;cursor:pointer;transition:color var(--animation-duration, .3s) var(--animation-easing, ease-in-out)}.dev-credentials summary:hover{color:var(--color-primary-dark, #3a6149)}.demo-accounts{margin-top:.5rem;color:var(--color-primary-dark, #3a6149)}.demo-accounts p{margin:.25rem 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4}.multi-step-form{width:100%}.step-progress{display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem;gap:1.25rem;position:relative;padding:1rem 0}.step-indicator{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:.9rem;font-weight:700;position:relative;z-index:2;transition:all var(--micro-timing-smooth) var(--easing-bossa);box-shadow:0 4px 8px #0000001a,0 0 0 3px #fffc}.step-indicator.active{background:linear-gradient(135deg,var(--color-primary, #4a7c59) 0%,var(--color-primary-light, #5ca35c) 100%);color:#fff;transform:scale(1.1);box-shadow:0 6px 16px #4a7c594d,0 0 0 4px #ffffffe6,0 0 0 7px #4a7c5933;animation:activeStepPulse 2s ease-in-out infinite}.step-indicator.completed{background:linear-gradient(135deg,#059669,#10b981);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #05966940,0 0 0 3px #ffffffe6}.step-indicator.inactive{background:linear-gradient(135deg,#f3f4f6f2,#f9fafbf2);color:var(--color-text-tertiary, #868e96);box-shadow:0 2px 4px #0000000d,0 0 0 2px #ffffffb3}.step-connector{width:40px;height:3px;position:relative;z-index:2;border-radius:2px;background:#e5e7ebcc;transition:all var(--micro-timing-smooth) var(--easing-bossa)}.step-connector.completed{background:linear-gradient(to right,#10b981,#059669);box-shadow:0 1px 3px #05966933}@keyframes activeStepPulse{0%,to{box-shadow:0 6px 16px #4a7c594d,0 0 0 4px #ffffffe6,0 0 0 7px #4a7c5933}50%{box-shadow:0 8px 20px #4a7c5966,0 0 0 4px #fffffff2,0 0 0 10px #4a7c5926}}.step-content{margin-bottom:2.5rem;position:relative;background:#f8fdf84d;padding:2rem;border-radius:16px;box-shadow:0 2px 8px #4a7c590a,inset 0 1px #fff9;animation:stepEmerge .6s cubic-bezier(.16,1,.3,1)}@keyframes stepEmerge{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-title{font-family:var(--font-family-heading, "Playfair Display", serif);font-size:1.5rem;font-weight:700;color:var(--color-primary-dark, #3a6149);margin:0 0 .75rem;text-align:center;text-shadow:0 1px 2px rgba(74,124,89,.1);animation:textEmerge .6s cubic-bezier(.16,1,.3,1)}.step-description{color:var(--color-text-secondary, #495057);font-size:1rem;text-align:center;margin:0 0 2rem;line-height:1.6;font-weight:400;animation:textEmerge .8s cubic-bezier(.16,1,.3,1) .2s both}.form-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.nav-button{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.nav-button.secondary{background:#fff;color:#6b7280;border-color:#d1d5db}.nav-button.secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.nav-button.primary{background:#ff6b35;color:#fff;border-color:#ff6b35}.nav-button.primary:hover:not(:disabled){background:#e55a2b;border-color:#e55a2b}.nav-button:disabled{opacity:.6;cursor:not-allowed}.business-info-section{margin-top:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.business-info-section h4{margin:0 0 1rem;color:#374151;font-size:1rem;font-weight:600}.account-type-selection{display:flex;gap:1.5rem;margin:1.5rem 0 2rem}.account-type-option{flex:1;padding:1.5rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#fffffffa,#fafffaf2);border:2px solid rgba(74,124,89,.15);border-radius:16px;cursor:pointer;text-align:center;transition:all var(--micro-timing-smooth) var(--easing-bossa);box-shadow:0 4px 8px #4a7c5914,0 1px 2px #4a7c590f}.account-type-option:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,transparent 0%,rgba(74,124,89,.1) 50%,transparent 100%);transition:all var(--micro-timing-normal) var(--easing-bossa)}.account-type-option:hover{border-color:var(--color-primary, #4a7c59);background:linear-gradient(135deg,#eaf7eacc,#f0fbf0e6);transform:translateY(-2px);box-shadow:0 8px 16px #4a7c5926,0 2px 4px #4a7c5914}.account-type-option:hover:before{background:linear-gradient(to right,var(--color-primary, #4a7c59) 0%,var(--color-primary-light, #5ca35c) 50%,var(--color-primary, #4a7c59) 100%)}.account-type-option.selected{border-color:var(--color-primary, #4a7c59);background:linear-gradient(135deg,#eaf7eae6,#f0fbf0f2);transform:translateY(-1px);box-shadow:0 6px 12px #4a7c5933,0 2px 4px #4a7c591a,inset 0 1px #fffc}.account-type-option.selected:before{background:linear-gradient(to right,var(--color-primary, #4a7c59) 0%,var(--color-primary-light, #5ca35c) 50%,var(--color-primary, #4a7c59) 100%)}.account-type-icon{width:40px;height:40px;margin:0 auto 1rem;font-size:2.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary, #868e96);transition:all var(--micro-timing-normal) var(--easing-bossa)}.account-type-option:hover .account-type-icon{color:var(--color-primary, #4a7c59);transform:scale(1.1)}.account-type-option.selected .account-type-icon{color:var(--color-primary, #4a7c59);transform:scale(1.05);filter:drop-shadow(0 2px 4px rgba(74,124,89,.2))}.account-type-title{font-weight:700;color:var(--color-text, #212529);margin:0 0 .5rem;font-size:1.1rem;font-family:var(--font-family-heading, "Playfair Display", serif);transition:color .3s ease}.account-type-option:hover .account-type-title,.account-type-option.selected .account-type-title{color:var(--color-primary-dark, #3a6149)}.account-type-description{color:var(--color-text-secondary, #495057);font-size:.9rem;margin:0;line-height:1.5;font-weight:400;transition:color .3s ease}.account-type-option:hover .account-type-description{color:var(--color-text, #212529)}.account-type-option.selected .account-type-description{color:var(--color-text, #212529);font-weight:500}.auth-success{text-align:center;padding:2rem}.success-icon{width:64px;height:64px;margin:0 auto 1rem;color:#10b981}.success-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.success-message{color:#6b7280;margin:0 0 1.5rem;line-height:1.5}@media (max-width: 1200px){.auth-form{max-width:500px;padding:2rem}}@media (max-width: 768px){.auth-form{max-width:420px;padding:1.5rem;margin:1rem;width:95%}.auth-header h2{font-size:1.6rem}.account-type-selection{flex-direction:column;gap:1rem}.form-navigation{flex-direction:column}.step-progress{gap:.75rem}.step-connector{width:30px}}:root{--micro-timing-instant: .2s;--micro-timing-quick: .25s;--micro-timing-normal: .3s;--micro-timing-smooth: .4s;--color-hope: #4a7c59;--color-prosperity: #b8860b;--color-courage: #dc2626;--color-liberty: #1e40af;--easing-samba: cubic-bezier(.68, -.55, .265, 1.55);--easing-bossa: cubic-bezier(.4, 0, .2, 1);--touch-target-min: 44px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:4px}.form-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px;box-shadow:0 0 0 4px #4a7c591a,0 4px 12px #4a7c5926}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000;transition:top .2s ease}.skip-link:focus{top:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-trap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#00000080;display:flex;align-items:center;justify-content:center}.form-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#4a7c591a;z-index:100}.form-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);transition:width .4s ease;width:0%}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pigeon-welcome .logo,.auth-form{animation:none}}@media (prefers-contrast: high){.auth-form{border:3px solid currentColor}.form-input{border-width:3px}.auth-submit-button{border:3px solid currentColor}}@keyframes successPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}to{transform:scale(1);opacity:1}}.success-animation{animation:successPulse var(--micro-timing-normal) var(--easing-bossa)}@keyframes focusRipple{0%{box-shadow:0 0 #4a7c594d}to{box-shadow:0 0 0 8px #4a7c5900}}.trust-indicators{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:1rem;padding:.75rem;background:#4a7c590a;border-radius:12px;animation:textEmerge 1s cubic-bezier(.16,1,.3,1) .6s both}.security-badge{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-primary, #4a7c59);font-weight:500}.security-badge svg{filter:drop-shadow(0 2px 4px rgba(74,124,89,.2))}.member-count{display:flex;flex-direction:column;align-items:center;text-align:center}.count-number{font-size:1.1rem;font-weight:700;color:var(--color-primary-dark, #3a6149);font-family:var(--font-family-heading, "Playfair Display", serif)}.count-label{font-size:.75rem;color:var(--color-text-secondary, #495057);margin-top:.125rem}.social-login-section{margin:1.5rem 0;animation:textEmerge 1s cubic-bezier(.16,1,.3,1) .7s both}.social-login-button{width:100%;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:center;gap:.75rem;border:none;border-radius:16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--micro-timing-quick) var(--easing-bossa);position:relative;overflow:hidden}.auth-divider{position:relative;text-align:center;margin:1.5rem 0}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 4rem);height:1px;background:linear-gradient(90deg,transparent 0%,rgba(74,124,89,.15) 100%)}.auth-divider:before{left:0}.auth-divider:after{right:0;background:linear-gradient(90deg,rgba(74,124,89,.15) 0%,transparent 100%)}.auth-divider span{font-size:.85rem;color:var(--color-text-secondary, #495057);background:#f8fdf8e6;padding:0 1rem;position:relative}.community-benefits{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(74,124,89,.1);animation:textEmerge .8s cubic-bezier(.16,1,.3,1) .8s both}.benefit-item{font-size:.8rem;color:var(--color-hope);font-weight:500;display:flex;align-items:center;gap:.25rem;transition:all var(--micro-timing-instant) var(--easing-bossa)}.benefit-item:hover{color:var(--color-prosperity);transform:translateY(-1px)}@keyframes celebrateSuccess{0%{transform:scale(.8) rotate(-5deg);opacity:0}50%{transform:scale(1.1) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.celebrate{animation:celebrateSuccess var(--micro-timing-smooth) var(--easing-samba)}@media (max-width: 480px){.auth-form{padding:1.5rem 1.25rem;margin:.5rem;border-radius:16px}.auth-header h2{font-size:1.4rem}.pigeon-welcome{margin-bottom:1rem}.trust-indicators{flex-direction:column;gap:.75rem}.community-benefits{flex-wrap:wrap;justify-content:center;gap:.75rem}.step-progress{gap:.5rem;margin-bottom:2rem}.step-connector{width:24px}.step-indicator{width:35px;height:35px;font-size:.8rem}}.brazilian-address-form{max-width:100%;margin:0 auto}.address-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(74,124,89,.1)}.address-form-title{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:600;color:var(--color-primary-dark);margin:0;display:flex;align-items:center;gap:.5rem}.address-form-title:before{content:"🏠";font-size:1.1rem}.address-auto-fill-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#4a7c5914,#4a7c591f);border:1px solid rgba(74,124,89,.2);border-radius:20px;font-size:.8rem;color:var(--color-primary-dark);animation:fadeIn var(--animation-duration-quick) var(--easing-bossa)}.loading-spinner{width:14px;height:14px;border:2px solid rgba(74,124,89,.3);border-left:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brazilian-address-form .address-form-fields{display:flex;flex-direction:column;gap:1.25rem}.brazilian-address-form .address-form-row{display:grid;gap:1rem;align-items:start}.cep-row{grid-template-columns:1fr 2fr;max-width:400px}.street-row{grid-template-columns:2fr 1fr}.complement-row,.neighborhood-row{grid-template-columns:1fr}.city-state-row{grid-template-columns:1fr 1fr}.city-field-container,.state-field-container{position:relative}.address-suggestions{position:absolute;top:100%;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#fffffffa,#fafffaf2);border:2px solid rgba(74,124,89,.15);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 16px #4a7c591f,0 4px 8px #4a7c5914,inset 0 1px #fffc;max-height:240px;overflow-y:auto;animation:dropdownSlide var(--animation-duration-quick) var(--easing-bossa)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid rgba(74,124,89,.08);transition:all var(--micro-timing-quick) var(--easing-bossa)}.suggestion-item:last-child{border-bottom:none;border-radius:0 0 10px 10px}.suggestion-item:hover,.suggestion-item.selected{background:linear-gradient(135deg,#4a7c5914,#4a7c591f);transform:translate(2px)}.suggestion-text{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.suggestion-confidence{font-size:.75rem;color:var(--color-text-tertiary);background:#4a7c591a;padding:.25rem .5rem;border-radius:12px;font-weight:500}.cep-input input,.city-input input,.state-input input{position:relative}.cep-input input{font-family:var(--font-family-mono);letter-spacing:.5px;text-align:center}.city-input input:focus,.state-input input:focus{border-bottom-left-radius:0;border-bottom-right-radius:0}.city-field-container .address-suggestions,.state-field-container .address-suggestions{border-top-left-radius:0;border-top-right-radius:0;margin-top:-2px}.address-completion-indicator{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#05966914,#10b9811f);border:2px solid rgba(5,150,105,.2);border-radius:12px;color:var(--color-success-dark);font-weight:500;animation:successSlideIn var(--animation-duration-smooth) var(--easing-samba);margin-top:.5rem}@keyframes successSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.completion-icon{font-size:1.25rem;animation:bounceIn var(--animation-duration-smooth) var(--easing-samba)}@keyframes bounceIn{0%{transform:scale(.3)}50%{transform:scale(1.1)}to{transform:scale(1)}}.brazilian-address-form .form-input{transition:all var(--micro-timing-quick) var(--easing-bossa)}.brazilian-address-form .form-input:focus{transform:translateY(-1px);box-shadow:0 0 0 3px #4a7c5926,0 6px 12px #4a7c591a,0 2px 4px #4a7c5914}.brazilian-address-form .form-group.valid .form-input{border-color:var(--color-success-main);background:linear-gradient(135deg,#05966905,#fffffffa)}.brazilian-address-form .form-group.error .form-input{border-color:var(--color-error-main);background:linear-gradient(135deg,#dc262605,#fffffffa);animation:inputShake var(--animation-duration-quick) ease-out}@keyframes inputShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media (max-width: 768px){.address-form-header{flex-direction:column;align-items:flex-start;gap:.75rem}.address-auto-fill-indicator{align-self:flex-end}.cep-row{grid-template-columns:1fr;max-width:none}.street-row,.city-state-row{grid-template-columns:1fr;gap:1rem}.address-suggestions{max-height:180px}.suggestion-item{padding:1rem .75rem}.suggestion-text{font-size:.8rem}}@media (prefers-color-scheme: dark){.address-suggestions{background:linear-gradient(135deg,#1e293bfa,#0f172af2);border-color:#4a7c594d}.suggestion-item:hover,.suggestion-item.selected{background:linear-gradient(135deg,#4a7c5926,#4a7c5933)}.suggestion-confidence{background:#4a7c5933;color:#ffffffb3}}@media (prefers-reduced-motion: reduce){.address-suggestions,.address-completion-indicator,.completion-icon{animation:none}.suggestion-item,.brazilian-address-form .form-input{transition:none}}@media (prefers-contrast: high){.address-suggestions{border:3px solid var(--color-primary)}.suggestion-item.selected{background:var(--color-primary);color:#fff}.address-completion-indicator{border:3px solid var(--color-success-main)}}@media print{.address-suggestions,.address-auto-fill-indicator,.loading-spinner{display:none}.brazilian-address-form .form-input{border:1px solid #000;background:#fff}}.wishlist-button-wrapper{position:relative}.wishlist-button.icon{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--color-gray-300);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--animation-duration-quick) ease;color:var(--color-text-secondary)}.wishlist-button.icon:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);transform:scale(1.05)}.wishlist-button.icon.active{background:var(--color-error-light);border-color:var(--color-error-main);color:var(--color-error-main)}.wishlist-button.icon:disabled{opacity:.6;cursor:not-allowed;transform:none}.wishlist-button.full{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid var(--color-gray-300);border-radius:8px;color:var(--color-text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--animation-duration-quick) ease}.wishlist-button.full:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-text-primary)}.wishlist-button.full.active{background:var(--color-error-light);border-color:var(--color-error-main);color:var(--color-error-main)}.wishlist-button.full:disabled{opacity:.6;cursor:not-allowed}.wishlist-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--color-gray-200);border-radius:12px;box-shadow:0 4px 16px #0000001f;min-width:280px;z-index:100;overflow:hidden}.dropdown-header{padding:16px 20px;border-bottom:1px solid var(--color-gray-100)}.dropdown-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.wishlist-options{padding:8px;max-height:400px;overflow-y:auto}.wishlist-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:8px;text-align:left;cursor:pointer;transition:all var(--animation-duration-quick) ease;font-size:.9375rem;color:var(--color-text-primary)}.wishlist-option:hover{background:var(--color-gray-50)}.wishlist-option:disabled{opacity:.6;cursor:not-allowed}.wishlist-option.favorite{font-weight:600}.wishlist-option.favorite.active{background:#ef44440d;color:var(--color-error-main)}.wishlist-option.in-list{background:var(--color-primary-light);color:var(--color-primary-dark)}.wishlist-option.create-new{color:var(--color-primary-main);font-weight:600}.option-icon{font-size:1.125rem;width:24px;text-align:center}.option-text{flex:1}.check-icon{color:var(--color-success-main);font-weight:700}.divider{height:1px;background:var(--color-gray-200);margin:8px 16px}.create-list-form{padding:12px}.create-list-form input{width:100%;padding:10px 12px;border:1px solid var(--color-gray-300);border-radius:6px;font-size:.9375rem;margin-bottom:12px}.create-list-form input:focus{outline:none;border-color:var(--color-primary-main);box-shadow:0 0 0 3px #4a7c591a}.form-actions{display:flex;gap:8px;justify-content:flex-end}.cancel-btn,.create-btn{padding:6px 16px;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--animation-duration-quick) ease}.cancel-btn{background:transparent;color:var(--color-text-secondary)}.cancel-btn:hover{background:var(--color-gray-50);color:var(--color-text-primary)}.create-btn{background:var(--color-primary-main);color:#fff}.create-btn:hover:not(:disabled){background:var(--color-primary-dark)}.create-btn:disabled{opacity:.6;cursor:not-allowed}.wishlist-button .loading-spinner{width:16px;height:16px}@media (max-width: 480px){.wishlist-dropdown{position:fixed;inset:auto 0 0;border-radius:16px 16px 0 0;max-height:80vh}.wishlist-options{max-height:60vh}}.product-card{position:relative;background:var(--color-white);border-radius:12px;overflow:hidden;cursor:pointer;transition:all var(--animation-duration-quick) var(--easing-bossa);border:1px solid rgba(74,124,89,.1);background-image:linear-gradient(135deg,#ffffffe6,#fafffaf2)}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #4a7c5926,0 4px 8px #4a7c591a}.product-card.out-of-stock{opacity:.7;cursor:not-allowed}.product-card.out-of-stock:hover{transform:none;box-shadow:none}.product-badge{position:absolute;top:12px;left:12px;z-index:10;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;background:var(--color-error-main);color:#fff;box-shadow:0 2px 4px #0003}.product-card-wishlist{position:absolute;top:12px;right:12px;z-index:10}.product-card-image{position:relative;width:100%;padding-top:100%;overflow:hidden;background:var(--color-gray-50)}.product-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--animation-duration-smooth) var(--easing-samba)}.product-card:hover .product-card-image img{transform:scale(1.05)}.quick-add-button{position:absolute;bottom:0;left:0;right:0;padding:12px;background:#4a7c59f2;color:#fff;border:none;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transform:translateY(100%);transition:transform var(--animation-duration-quick) var(--easing-bossa)}.product-card:hover .quick-add-button{transform:translateY(0)}.quick-add-button:hover{background:var(--color-primary-dark)}.quick-add-button:active{transform:translateY(0) scale(.98)}.out-of-stock-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center}.out-of-stock-overlay span{background:var(--color-gray-800);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.875rem}.product-card-info{padding:16px}.product-category{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.product-name{font-size:.9375rem;font-weight:500;color:var(--color-text-primary);margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-rating{display:flex;align-items:center;gap:4px;margin-bottom:12px}.rating-stars{display:flex;gap:1px}.star{color:var(--color-gray-300);font-size:.875rem}.star.filled{color:#ffb800}.rating-count{font-size:.75rem;color:var(--color-text-tertiary)}.product-pricing{display:flex;flex-direction:column;gap:4px}.compare-at-price{font-size:.875rem;color:var(--color-text-tertiary);text-decoration:line-through}.current-price{font-size:1.25rem;font-weight:700;color:var(--color-primary-dark)}.installment-info{font-size:.8125rem;color:var(--color-text-secondary)}.installment-info strong{color:var(--color-text-primary);font-weight:600}.low-stock-warning{margin-top:8px;padding:4px 8px;background:#dc26261a;color:var(--color-error-main);font-size:.75rem;font-weight:600;border-radius:4px;text-align:center}@media (max-width: 768px){.product-card{border-radius:8px}.product-card-info{padding:12px}.product-name{font-size:.875rem}.current-price{font-size:1.125rem}.quick-add-button{transform:translateY(0);padding:10px;font-size:.8125rem}}@media (prefers-reduced-motion: reduce){.product-card,.product-card-image img,.quick-add-button{transition:none}.product-card:hover{transform:none}}@media (prefers-contrast: high){.product-card{border:2px solid var(--color-primary)}.product-badge{border:2px solid white}}.skeleton-screen{display:inline-block;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;position:relative;overflow:hidden}@media (prefers-color-scheme: dark){.skeleton-screen{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%)}}.skeleton-text{border-radius:3px}.skeleton-rectangular{border-radius:4px}.skeleton-rounded{border-radius:8px}.skeleton-circular{border-radius:50%}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-wave{animation:skeleton-wave 2s linear infinite}@keyframes skeleton-pulse{0%,to{opacity:.8}50%{opacity:.4}}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.product-card-skeleton{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.product-card-skeleton .product-image-skeleton{width:100%;aspect-ratio:1;border-radius:6px}.product-card-skeleton .product-info-skeleton{display:flex;flex-direction:column;gap:8px}.product-card-skeleton .product-title-skeleton{margin-bottom:4px}.product-grid-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:0}@media (max-width: 768px){.product-grid-skeleton{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}}@media (max-width: 480px){.product-grid-skeleton{grid-template-columns:1fr 1fr;gap:12px}}.cart-item-skeleton{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid #e5e7eb}.cart-item-skeleton .item-image-skeleton{flex-shrink:0;border-radius:6px}.cart-item-skeleton .item-details-skeleton{flex:1;display:flex;flex-direction:column;gap:6px}.cart-item-skeleton .item-quantity-skeleton{flex-shrink:0}.cart-item-skeleton .item-price-skeleton{flex-shrink:0;text-align:right}.cart-item-skeleton .quantity-controls-skeleton{border-radius:6px}.review-card-skeleton{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff}.review-card-skeleton .review-header-skeleton{display:flex;align-items:center;gap:12px}.review-card-skeleton .reviewer-info-skeleton{display:flex;flex-direction:column;gap:4px}.review-card-skeleton .review-text-skeleton{margin-top:8px}.checkout-step-skeleton{display:flex;flex-direction:column;gap:24px;padding:32px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff}.checkout-step-skeleton .step-content-skeleton{display:flex;flex-direction:column;gap:16px}.checkout-step-skeleton .step-actions-skeleton{display:flex;justify-content:flex-end;gap:12px}.checkout-step-skeleton .form-field-skeleton,.checkout-step-skeleton .button-skeleton{border-radius:6px}.skeleton-container{position:relative}.skeleton-container.loading .skeleton-content{opacity:1;transform:translateY(0)}.skeleton-container.loaded .skeleton-content{opacity:0;transform:translateY(-8px);pointer-events:none}.skeleton-container .actual-content{opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.skeleton-container.loaded .actual-content{opacity:1;transform:translateY(0)}.skeleton-screen:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){.skeleton-pulse,.skeleton-wave{animation:none}.skeleton-screen{background:#f0f0f0}@media (prefers-color-scheme: dark){.skeleton-screen{background:#2a2a2a}}}.product-detail-skeleton{padding:0}.product-detail-skeleton .product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1200px;margin:0 auto;padding:32px}.product-detail-skeleton .product-images-skeleton{display:flex;flex-direction:column;gap:16px}.product-detail-skeleton .thumbnail-images-skeleton{display:flex;gap:12px;overflow-x:auto}.product-detail-skeleton .product-info-skeleton{display:flex;flex-direction:column;gap:24px}.product-detail-skeleton .product-price-skeleton{display:flex;flex-direction:column;gap:8px}.product-detail-skeleton .variant-selection-skeleton{display:flex;flex-direction:column;gap:12px}.product-detail-skeleton .variant-options-skeleton{display:flex;gap:8px}.product-detail-skeleton .product-actions-skeleton{display:flex;flex-direction:column;gap:16px}.product-detail-skeleton .quantity-section-skeleton{display:flex;flex-direction:column;gap:8px}.product-detail-skeleton .action-buttons-skeleton{display:flex;gap:12px;align-items:center}.product-detail-skeleton .product-description-skeleton{display:flex;flex-direction:column;gap:8px}@media (max-width: 768px){.product-detail-skeleton .product-detail-content{grid-template-columns:1fr;gap:24px;padding:16px}.product-detail-skeleton .action-buttons-skeleton{flex-direction:column;align-items:stretch}.product-detail-skeleton .thumbnail-images-skeleton{justify-content:center}}@media (prefers-contrast: high){.skeleton-screen{background:#d0d0d0;border:1px solid #808080}@media (prefers-color-scheme: dark){.skeleton-screen{background:#404040;border:1px solid #808080}}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin:0 auto}.product-grid-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.product-grid-loading p{margin-top:16px;color:var(--color-text-secondary);font-size:.9375rem}.product-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:linear-gradient(135deg,#4a7c5908,#4a7c590f);border-radius:16px;border:2px dashed rgba(74,124,89,.2)}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.product-grid-empty h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.product-grid-empty p{font-size:.9375rem;color:var(--color-text-secondary);margin:0}@media (max-width: 1200px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.product-grid-empty{padding:60px 20px}.empty-icon{font-size:3rem}.product-grid-empty h3{font-size:1.125rem}.product-grid-empty p{font-size:.875rem}}@media (max-width: 480px){.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.product-reviews{margin-top:48px;padding:32px 0;border-top:1px solid var(--color-gray-200)}.product-reviews-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.product-reviews-loading p{color:var(--color-text-secondary);font-size:1rem}.reviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.reviews-header h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0}.write-review-button{padding:12px 24px;background:var(--color-primary-main);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--animation-duration-quick) ease}.write-review-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.reviews-summary{background:var(--color-gray-50);border-radius:12px;padding:32px;margin-bottom:32px}.rating-overview{display:flex;gap:48px;margin-bottom:24px}.average-rating{text-align:center;min-width:150px}.rating-number{font-size:3rem;font-weight:700;color:var(--color-text-primary);line-height:1;margin-bottom:8px}.rating-stars{font-size:1.5rem;color:var(--color-warning-main);margin-bottom:8px}.total-reviews{font-size:.875rem;color:var(--color-text-secondary)}.rating-distribution{flex:1;display:flex;flex-direction:column;gap:8px}.rating-bar{display:flex;align-items:center;gap:12px}.rating-label{min-width:30px;font-size:.875rem;color:var(--color-text-secondary);text-align:right}.rating-bar-container{flex:1;height:8px;background:var(--color-gray-200);border-radius:4px;overflow:hidden}.rating-bar-fill{height:100%;background:var(--color-warning-main);transition:width .3s ease}.rating-count{min-width:30px;font-size:.875rem;color:var(--color-text-secondary)}.review-filters{display:flex;align-items:center;gap:12px;padding-top:24px;border-top:1px solid var(--color-gray-200)}.review-filters label{font-size:.875rem;color:var(--color-text-secondary);font-weight:600}.review-filters select{padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:6px;background:#fff;color:var(--color-text-primary);font-size:.875rem;cursor:pointer}.review-form-container{background:var(--color-gray-50);border-radius:12px;padding:32px;margin-bottom:32px}.review-form-container h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 24px}.review-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.rating-selector{display:flex;align-items:center;gap:8px}.star-button{background:none;border:none;font-size:2rem;color:var(--color-gray-300);cursor:pointer;padding:0;transition:all var(--animation-duration-quick) ease}.star-button:hover{color:var(--color-warning-main);transform:scale(1.1)}.star-button.active{color:var(--color-warning-main)}.rating-text{margin-left:16px;font-size:.9375rem;color:var(--color-text-secondary);font-weight:600}.form-group input,.form-group textarea{padding:12px;border:1px solid var(--color-gray-300);border-radius:8px;font-size:.9375rem;font-family:inherit;transition:all var(--animation-duration-quick) ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary-main);box-shadow:0 0 0 3px #4a7c591a}.form-group input.error,.form-group textarea.error{border-color:var(--color-error-main)}.error-message{font-size:.75rem;color:var(--color-error-main)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-error{padding:12px 16px;background:#ef44441a;color:var(--color-error-main);border-radius:8px;font-size:.875rem}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.cancel-button,.submit-button{padding:12px 24px;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--animation-duration-quick) ease}.submit-button{background:var(--color-primary-main);color:#fff;min-width:150px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.reviews-list{display:flex;flex-direction:column;gap:24px}.no-reviews{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}.no-reviews p{margin:8px 0;font-size:1rem}.review-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:12px;padding:24px;transition:all var(--animation-duration-quick) ease}.reviewer-info{display:flex;gap:16px;align-items:center}.reviewer-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--color-gray-200)}.reviewer-details{display:flex;flex-direction:column;gap:4px}.reviewer-name{font-weight:600;color:var(--color-text-primary)}.review-rating{color:var(--color-warning-main)}.verified-badge{color:var(--color-success-main);font-weight:600}.review-date{color:var(--color-text-secondary)}.review-content h4{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.review-content p{color:var(--color-text-primary);line-height:1.6;margin-bottom:12px}.review-content p.collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more-button{background:none;border:none;color:var(--color-primary-main);font-size:.875rem;font-weight:600;cursor:pointer;padding:0;margin-bottom:16px}.read-more-button:hover{text-decoration:underline}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:16px 0}.pros ul,.cons ul{margin:0;padding-left:20px}.pros li,.cons li{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:4px}.pros li::marker{color:var(--color-success-main)}.cons li::marker{color:var(--color-error-main)}.review-images{display:flex;gap:12px;margin:16px 0;overflow-x:auto}.review-images img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--color-gray-200);cursor:pointer;transition:all var(--animation-duration-quick) ease}.review-images img:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.supplier-response strong{display:block;font-size:.875rem;color:var(--color-primary-dark);margin-bottom:8px}.supplier-response p{font-size:.875rem;color:var(--color-text-primary);margin-bottom:8px}.review-actions{display:flex;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--color-gray-100);font-size:.875rem;color:var(--color-text-secondary)}.helpful-button{padding:6px 12px;background:transparent;border:1px solid var(--color-gray-300);border-radius:6px;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--animation-duration-quick) ease}.helpful-button:hover:not(.disabled){background:var(--color-gray-50);color:var(--color-text-primary);border-color:var(--color-gray-400)}.helpful-button.disabled{opacity:.6;cursor:not-allowed}.reviews-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:48px}.reviews-pagination button{padding:8px 16px;border:1px solid var(--color-gray-300);background:#fff;color:var(--color-text-primary);border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--animation-duration-quick) ease}.reviews-pagination button:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.reviews-pagination button:disabled{opacity:.5;cursor:not-allowed}.reviews-pagination span{color:var(--color-text-secondary);font-size:.875rem}@media (max-width: 768px){.reviews-header{flex-direction:column;gap:16px;align-items:flex-start}.write-review-button{width:100%}.rating-overview{flex-direction:column;gap:32px}.average-rating{min-width:auto}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-button,.submit-button{width:100%}.pros-cons{grid-template-columns:1fr}.review-actions{flex-wrap:wrap}}@media (max-width: 480px){.product-reviews{margin-top:32px;padding:24px 0}.reviews-summary,.review-form-container{padding:24px 16px}.review-card{padding:16px}.reviewer-info{flex-direction:column;align-items:flex-start}.reviewer-avatar{width:40px;height:40px}.review-meta{flex-wrap:wrap;gap:8px}}.similar-products{padding:48px 0;background:#fff;border-top:1px solid var(--color-gray-200)}.similar-products.loading{min-height:400px;display:flex;align-items:center;justify-content:center}.similar-products-container{max-width:1200px;margin:0 auto;padding:0 24px}.similar-products-container h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 8px;text-align:center}.section-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0 0 32px;text-align:center}.similar-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}@media (max-width: 768px){.similar-products{padding:32px 0}.similar-products-container h2{font-size:1.5rem}.similar-products-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 480px){.similar-products-container{padding:0 16px}.similar-products-grid{grid-template-columns:1fr}}.credit-card-form{max-width:500px;margin:0 auto}.card-preview{margin-bottom:32px;perspective:1000px}.credit-card{width:100%;max-width:400px;aspect-ratio:1.586;margin:0 auto;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #0000004d;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;transform-style:preserve-3d;transition:transform .6s}.credit-card.visa{background:linear-gradient(135deg,#1a3a8a,#2563eb)}.credit-card.mastercard{background:linear-gradient(135deg,#eb144c,#f97316)}.credit-card.amex{background:linear-gradient(135deg,#00d4ff,#0891b2)}.card-brand{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;opacity:.9}.card-number{font-size:1.5rem;font-family:Courier New,monospace;letter-spacing:3px;margin:auto 0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-info{display:flex;justify-content:space-between;align-items:flex-end}.card-holder,.card-expiry{display:flex;flex-direction:column;gap:4px}.card-info .label{font-size:.625rem;text-transform:uppercase;letter-spacing:1px;opacity:.7}.card-info .value{font-size:.875rem;font-weight:500;letter-spacing:1px}.form-fields{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:16px}.installments-section{display:flex;flex-direction:column;gap:8px}.installments-section label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.installments-select{padding:12px;border:1px solid var(--color-gray-300);border-radius:8px;font-size:.9375rem;background:#fff;cursor:pointer;transition:border-color var(--animation-duration-quick) ease}.installments-select:hover{border-color:var(--color-primary-light)}.installments-select:focus{outline:none;border-color:var(--color-primary-main);box-shadow:0 0 0 3px #4a7c591a}.submit-button{width:100%;padding:16px;margin-top:24px;background:var(--color-primary-main);color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all var(--animation-duration-quick) var(--easing-bossa)}.submit-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4a7c594d}@media (max-width: 768px){.credit-card{font-size:.875rem}.card-number,.card-brand{font-size:1.125rem}}.pix-payment{max-width:600px;margin:0 auto}.pix-payment-loading{text-align:center;padding:60px 20px}.pix-payment-loading p{margin-top:20px;color:var(--color-text-secondary);font-size:1.125rem}.pix-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pix-header h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.pix-timer{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-warning-light);border-radius:8px}.timer-icon{font-size:1.25rem}.timer-text{font-size:.875rem;color:var(--color-warning-dark)}.timer-text strong{font-family:Courier New,monospace;font-size:1rem}.pix-discount-banner{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-success-light);border:1px solid var(--color-success-main);border-radius:12px;margin-bottom:24px}.discount-icon{font-size:2rem}.discount-text{margin:0;color:var(--color-success-dark);font-size:1rem}.discount-subtitle{margin:4px 0 0;color:var(--color-success-main);font-size:.875rem}.pix-amount{text-align:center;padding:24px;background:var(--color-gray-50);border-radius:12px;margin-bottom:32px}.amount-label{display:block;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:8px}.amount-value{display:block;font-size:2.5rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:4px}.amount-original{display:block;font-size:.875rem;color:var(--color-text-tertiary);text-decoration:line-through}.pix-instructions{margin-bottom:32px}.pix-instructions h4{font-size:1.125rem;font-weight:600;margin:0 0 12px}.pix-instructions ol{margin:0;padding-left:24px}.pix-instructions li{margin:8px 0;color:var(--color-text-secondary);line-height:1.6}.pix-qr-section{background:#fff;border:2px solid var(--color-gray-200);border-radius:16px;padding:32px;margin-bottom:24px}.qr-code-container{text-align:center;margin-bottom:24px}.qr-code{border:4px solid var(--color-primary-main);border-radius:12px;padding:8px;background:#fff}.qr-label{margin:12px 0 0;font-size:.875rem;color:var(--color-text-secondary)}.pix-or-divider{text-align:center;position:relative;margin:24px 0}.pix-or-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-gray-300)}.pix-or-divider span{position:relative;background:#fff;padding:0 16px;color:var(--color-text-tertiary);font-size:.875rem;text-transform:uppercase}.pix-copy-section{margin-top:24px}.copy-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.pix-code-container{display:flex;gap:12px;align-items:stretch}.pix-code{flex:1;padding:12px;background:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:8px;font-family:Courier New,monospace;font-size:.75rem;word-break:break-all;overflow-x:auto;color:var(--color-text-secondary)}.copy-button{padding:12px 24px;background:var(--color-primary-main);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--animation-duration-quick) ease}.copy-button.copied{background:var(--color-success-main)}.pix-footer{text-align:center}.security-note{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 20px}.confirm-payment-button{width:100%;padding:16px;background:var(--color-success-main);color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all var(--animation-duration-quick) var(--easing-bossa)}.confirm-payment-button:hover{background:var(--color-success-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}@media (max-width: 768px){.pix-header{flex-direction:column;gap:16px;align-items:stretch}.pix-timer{justify-content:center}.amount-value{font-size:2rem}.pix-code-container{flex-direction:column}.pix-code{font-size:.625rem}}.boleto-payment{max-width:600px;margin:0 auto}.boleto-payment h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 24px}.boleto-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.benefit{display:flex;align-items:center;gap:8px;padding:16px;background:var(--color-gray-50);border-radius:8px;font-size:.875rem;color:var(--color-text-secondary)}.benefit-icon{font-size:1.25rem}.boleto-form{display:flex;flex-direction:column;gap:20px}.form-note{margin:-8px 0 8px;font-size:.875rem;color:var(--color-text-tertiary)}.generate-button{padding:16px;background:var(--color-primary-main);color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all var(--animation-duration-quick) var(--easing-bossa);min-height:56px}.generate-button:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4a7c594d}.generate-button:disabled{opacity:.6;cursor:not-allowed}.boleto-payment.generated{text-align:center}.boleto-success-header{margin-bottom:32px}.success-icon{font-size:4rem;margin-bottom:16px}.boleto-success-header h3{color:var(--color-success-main)}.boleto-info{display:flex;justify-content:center;gap:40px;margin-bottom:32px;padding:24px;background:var(--color-gray-50);border-radius:12px}.boleto-amount,.boleto-due-date{display:flex;flex-direction:column;gap:8px}.boleto-info .label{font-size:.875rem;color:var(--color-text-secondary)}.boleto-info .value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.boleto-payment-options{display:flex;flex-direction:column;gap:24px;margin-bottom:32px;text-align:left}.payment-option{padding:24px;background:#fff;border:2px solid var(--color-gray-200);border-radius:12px}.payment-option h4{font-size:1.125rem;font-weight:600;margin:0 0 8px}.option-description{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 16px}.digitable-line-container{display:flex;gap:12px;align-items:center}.digitable-line{flex:1;padding:12px;background:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:8px;font-family:Courier New,monospace;font-size:.875rem;color:var(--color-text-primary)}.copy-button{padding:12px 20px;background:var(--color-primary-main);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background var(--animation-duration-quick) ease}.copy-button:hover{background:var(--color-primary-dark)}.barcode-container{display:flex;flex-direction:column;gap:12px}.barcode-visual{display:flex;justify-content:center;align-items:center;padding:20px;background:#fff;border:1px solid var(--color-gray-300);border-radius:8px;overflow:hidden}.barcode-line{margin:0 1px}.barcode-number{font-family:Courier New,monospace;font-size:.75rem;color:var(--color-text-tertiary);text-align:center}.boleto-actions{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.download-button,.email-button{padding:14px 24px;background:var(--color-primary-main);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--animation-duration-quick) ease}.email-button{background:transparent;border:2px solid var(--color-primary-main);color:var(--color-primary-main)}.download-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4a7c594d}.email-button:hover{background:var(--color-primary-main);color:#fff}.boleto-instructions{text-align:left;padding:24px;background:var(--color-info-light);border-radius:12px}.boleto-instructions h4{font-size:1rem;font-weight:600;margin:0 0 12px;color:var(--color-info-dark)}.boleto-instructions ul{margin:0 0 16px;padding-left:24px}.boleto-instructions li{margin:6px 0;color:var(--color-info-dark);font-size:.875rem}.payment-note{margin:0;font-size:.875rem;color:var(--color-warning-dark);background:var(--color-warning-light);padding:12px;border-radius:8px}@media (max-width: 768px){.boleto-benefits{grid-template-columns:1fr}.boleto-info{flex-direction:column;gap:20px}.digitable-line-container{flex-direction:column}.digitable-line{font-size:.75rem}.boleto-actions{flex-direction:column}.download-button,.email-button{width:100%}}.supplier-reviews{padding:32px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.supplier-reviews-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:24px}.supplier-reviews-loading p{font-size:1.125rem;color:var(--color-text-secondary)}.reviews-header{margin-bottom:32px}.reviews-header h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 24px}.review-stats{display:flex;gap:24px}.stat-item{flex:1;background:var(--color-gray-50);border-radius:12px;padding:20px;text-align:center;border:1px solid var(--color-gray-200)}.stat-item.warning{background:#fbbf240d;border-color:#fbbf244d}.stat-item.danger{background:#ef44440d;border-color:#ef44444d}.stat-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px;display:block}.stat-item.warning .stat-value{color:var(--color-warning-main)}.stat-item.danger .stat-value{color:var(--color-error-main)}.stat-label{font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.review-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-gray-200)}.review-filters select{padding:10px 16px;border:1px solid var(--color-gray-300);border-radius:8px;background:#fff;color:var(--color-text-primary);font-size:.9375rem;min-width:250px}.filter-buttons{display:flex;gap:8px}.filter-button{padding:8px 16px;border:1px solid var(--color-gray-300);background:#fff;color:var(--color-text-secondary);border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--animation-duration-quick) ease}.filter-button:hover{background:var(--color-gray-50);color:var(--color-text-primary)}.filter-button.active{background:var(--color-primary-main);color:#fff;border-color:var(--color-primary-main)}.error-banner{display:flex;align-items:center;justify-content:space-between;background:#ef44441a;color:var(--color-error-main);padding:16px 20px;border-radius:12px;margin-bottom:24px;border:1px solid rgba(239,68,68,.3)}.error-banner button{background:none;border:none;color:var(--color-error-main);font-size:1.25rem;cursor:pointer;padding:4px}.empty-reviews{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:16px;display:block}.empty-reviews h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.empty-reviews p{color:var(--color-text-secondary);font-size:1rem}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-card{background:var(--color-gray-50);border-radius:12px;padding:24px;border:1px solid var(--color-gray-200);transition:all var(--animation-duration-quick) ease}.review-card:hover{box-shadow:0 4px 12px #00000014}.review-card.negative{border-color:#ef44444d;background:#ef444405}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.reviewer-name{font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.review-meta{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--color-text-secondary)}.rating{color:var(--color-warning-main)}.verified{color:var(--color-success-main);font-weight:600}.needs-response-badge{padding:6px 12px;background:#fbbf241a;color:var(--color-warning-dark);border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.review-content{margin-bottom:16px}.review-content h4{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.review-content p{color:var(--color-text-primary);line-height:1.6;margin-bottom:16px}.pros,.cons{margin:12px 0}.pros strong,.cons strong{display:block;font-size:.875rem;color:var(--color-text-primary);margin-bottom:8px}.pros span,.cons span{display:block;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:4px;padding-left:16px}.review-images{display:flex;gap:12px;margin-top:16px;overflow-x:auto}.review-images img{width:100px;height:100px;object-fit:cover;border-radius:8px;border:1px solid var(--color-gray-200)}.review-engagement{display:flex;gap:24px;font-size:.875rem;color:var(--color-text-secondary);padding:12px 0;border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200)}.supplier-response{background:var(--color-primary-light);border-left:4px solid var(--color-primary-main);border-radius:8px;padding:16px;margin-top:16px}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.response-header strong{color:var(--color-primary-dark);font-size:.875rem}.response-date{font-size:.75rem;color:var(--color-text-secondary)}.supplier-response p{font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.response-section{margin-top:16px}.respond-button{padding:10px 20px;background:var(--color-primary-main);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--animation-duration-quick) ease}.respond-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.response-form{background:#fff;border:1px solid var(--color-gray-300);border-radius:8px;padding:16px}.response-form textarea{width:100%;padding:12px;border:1px solid var(--color-gray-300);border-radius:6px;font-size:.9375rem;font-family:inherit;resize:vertical;margin-bottom:12px}.response-form textarea:focus{outline:none;border-color:var(--color-primary-main);box-shadow:0 0 0 3px #4a7c591a}.response-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-button,.submit-button{padding:8px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--animation-duration-quick) ease}.cancel-button{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-gray-300)}.cancel-button:hover:not(:disabled){background:var(--color-gray-50);color:var(--color-text-primary)}.submit-button{background:var(--color-primary-main);color:#fff;min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.submit-button:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.cancel-button:disabled,.submit-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.supplier-reviews{padding:24px 16px}.review-stats{flex-direction:column;gap:12px}.review-filters{flex-direction:column;gap:16px;align-items:stretch}.review-filters select{width:100%}.filter-buttons{width:100%;justify-content:space-between}.review-card{padding:16px}.review-header{flex-direction:column;gap:12px}.review-meta{flex-wrap:wrap;gap:8px}.review-engagement{flex-direction:column;gap:8px}}@media (max-width: 480px){.reviews-header h2,.stat-value{font-size:1.5rem}.filter-button{flex:1;padding:8px;font-size:.75rem}.review-images{gap:8px}.review-images img{width:80px;height:80px}}.personalized-recommendations{padding:48px 0;background:var(--color-gray-50)}.personalized-recommendations.loading{min-height:400px;display:flex;align-items:center;justify-content:center}.recommendations-container{max-width:1200px;margin:0 auto;padding:0 24px}.recommendations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.recommendations-header h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.recommendations-header p{font-size:1rem;color:var(--color-text-secondary);margin:0}.carousel-controls{display:flex;gap:8px}.carousel-button{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--color-gray-300);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--animation-duration-quick) ease}.carousel-button:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-primary-main);color:var(--color-primary-main)}.carousel-button:disabled{opacity:.5;cursor:not-allowed}.recommendations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.recommendation-item{display:flex;flex-direction:column;gap:12px}.recommendation-reason{text-align:center;font-size:.875rem;color:var(--color-text-secondary);padding:8px 12px;background:#fff;border-radius:8px;border:1px solid var(--color-gray-200)}.recommendations-footer{text-align:center}.view-all-button{padding:12px 32px;background:#fff;color:var(--color-primary-main);border:2px solid var(--color-primary-main);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--animation-duration-quick) ease}.view-all-button:hover{background:var(--color-primary-main);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4a7c594d}@media (max-width: 1024px){.recommendations-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.personalized-recommendations{padding:32px 0}.recommendations-header{flex-direction:column;align-items:flex-start;gap:16px}.recommendations-header h2{font-size:1.5rem}.recommendations-grid{grid-template-columns:repeat(2,1fr);gap:16px}.carousel-controls{align-self:flex-end}}@media (max-width: 480px){.recommendations-container{padding:0 16px}.recommendations-grid{grid-template-columns:1fr;gap:16px}.carousel-button{width:36px;height:36px}.view-all-button{width:100%}}.trending-products{padding:48px 0;background:#fff}.trending-products-container{max-width:1200px;margin:0 auto;padding:0 24px}.trending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:24px}.trending-header h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.trending-header p{font-size:1rem;color:var(--color-text-secondary);margin:0}.category-filter{display:flex;gap:8px;flex-wrap:wrap}.category-chip{padding:8px 16px;background:#fff;border:1px solid var(--color-gray-300);border-radius:20px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--animation-duration-quick) ease}.category-chip:hover{border-color:var(--color-primary-main);color:var(--color-primary-main);background:#4a7c590d}.category-chip.active{background:var(--color-primary-main);color:#fff;border-color:var(--color-primary-main)}.loading-container{min-height:400px;display:flex;align-items:center;justify-content:center}.trending-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.trending-item{position:relative}.trending-rank{position:absolute;top:-12px;left:-12px;width:36px;height:36px;background:var(--color-primary-main);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;z-index:10;box-shadow:0 2px 8px #00000026}.trending-item:nth-child(1) .trending-rank{background:gold;color:var(--color-text-primary)}.trending-item:nth-child(2) .trending-rank{background:silver;color:var(--color-text-primary)}.trending-item:nth-child(3) .trending-rank{background:#cd7f32;color:#fff}.empty-state{text-align:center;padding:80px 20px;color:var(--color-text-secondary)}@media (max-width: 768px){.trending-products{padding:32px 0}.trending-header{flex-direction:column;align-items:flex-start}.trending-header h2{font-size:1.5rem}.category-filter{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.category-chip{flex-shrink:0}.trending-products-grid{grid-template-columns:repeat(2,1fr);gap:16px}.trending-rank{width:32px;height:32px;font-size:.75rem}}@media (max-width: 480px){.trending-products-container{padding:0 16px}.trending-products-grid{grid-template-columns:1fr}}
