.header[data-v-b5b9b020]{background-color:var(--color-secondary);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100;transition:all var(--transition-normal)}.header-content[data-v-b5b9b020]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0}.logo[data-v-b5b9b020]{font-size:var(--font-size-xl);font-weight:700}.logo-link[data-v-b5b9b020]{text-decoration:none;display:flex;align-items:center;transition:all var(--transition-normal)}.logo-text[data-v-b5b9b020]{color:var(--color-primary);font-size:var(--font-size-xxl);font-weight:800;letter-spacing:-.5px}.logo-accent[data-v-b5b9b020]{color:var(--color-accent)}.nav[data-v-b5b9b020]{flex:1;max-width:600px;margin:0 auto}.nav-list[data-v-b5b9b020]{display:flex;justify-content:center;list-style:none;padding:0;margin:0;gap:var(--spacing-xl)}.nav-item[data-v-b5b9b020]{position:relative}.nav-link[data-v-b5b9b020]{color:var(--color-text);text-decoration:none;font-weight:600;font-size:var(--font-size-md);transition:all var(--transition-normal);padding:var(--spacing-sm) 0;position:relative}.nav-link[data-v-b5b9b020]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width var(--transition-normal)}.nav-link[data-v-b5b9b020]:hover{color:var(--color-accent)}.nav-link[data-v-b5b9b020]:hover:after{width:100%}.header-actions[data-v-b5b9b020]{display:flex;align-items:center;gap:var(--spacing-md)}.cart-button[data-v-b5b9b020]{position:relative;background:none;border:none;font-size:var(--font-size-xxl);cursor:pointer;color:var(--color-primary);transition:all var(--transition-normal);padding:var(--spacing-sm);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center}.cart-button[data-v-b5b9b020]:hover{background-color:var(--color-background);color:var(--color-accent);transform:scale(1.1)}.cart-icon[data-v-b5b9b020]{display:flex;align-items:center;justify-content:center}.cart-count[data-v-b5b9b020]{position:absolute;top:0;right:0;background-color:var(--color-accent);color:#fff;border-radius:50%;min-width:22px;height:22px;font-size:var(--font-size-xs);display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:var(--shadow-sm)}.footer{background-color:var(--color-primary-dark);color:var(--color-secondary);padding:var(--spacing-xl) 0;margin-top:var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs)}.footer-subtitle{font-size:var(--font-size-md);font-weight:700;margin-bottom:var(--spacing-xs)}.footer-description{color:#fffc}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-link{color:#fffc;text-decoration:none;transition:var(--transition)}.footer-link:hover{color:var(--color-secondary)}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);color:#fff9;font-size:var(--font-size-sm)}.footer-logo{margin-bottom:var(--spacing-lg)}.footer-logo-text{color:var(--color-secondary);font-size:var(--font-size-xxl);font-weight:800;letter-spacing:-.5px;display:block}.footer-logo-accent{color:var(--color-accent)}.social-links{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-full);background-color:#ffffff1a;color:var(--color-secondary);text-decoration:none;transition:all var(--transition-normal)}.social-link:hover{background-color:var(--color-accent);transform:translateY(-3px);box-shadow:var(--shadow-md)}.social-icon{font-size:var(--font-size-lg)}.footer-heading{margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl);font-weight:700;color:var(--color-secondary);position:relative;padding-bottom:var(--spacing-sm)}.footer-heading:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:var(--color-accent);border-radius:var(--border-radius-full)}.footer-bottom-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.copyright{color:#fff9;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.footer-bottom-links{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center}.footer-bottom-link{color:#ffffffb3;text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-normal)}.footer-bottom-link:hover{color:var(--color-accent)}.footer-link.address{font-weight:400}.footer-link-icon{font-size:var(--font-size-sm)}.app{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background)}.main{flex:1;padding:var(--spacing-xl) 0}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.notification{position:fixed;top:100px;right:20px;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);color:#fff;font-weight:600;box-shadow:var(--shadow-xl);animation:slideInRight .4s cubic-bezier(.4,0,.2,1),fadeOut .5s ease 3s forwards;z-index:1000;max-width:350px;word-wrap:break-word;display:flex;align-items:center;gap:var(--spacing-sm)}.notification:before{content:"";width:12px;height:12px;border-radius:var(--border-radius-full);background-color:#fffc;display:inline-block}.notification.success{background:linear-gradient(135deg,var(--color-success),#2ecc71)}.notification.error{background:linear-gradient(135deg,var(--color-error),#c0392b)}.notification.info{background:linear-gradient(135deg,var(--color-info),#2980b9)}.floating-controls{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-lg);z-index:999}.control-btn{width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-fast) ease;opacity:.8}.control-btn:hover{opacity:1;transform:translateY(-3px);box-shadow:var(--shadow-xl)}.control-btn:active{transform:translateY(-1px)}.control-btn-left{animation:pulse 2s infinite}.control-btn-right{animation:pulse 2s infinite .5s}.control-icon{line-height:1}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translate(100%)}}@keyframes pulse{0%{box-shadow:0 0 #dd1d1d66}70%{box-shadow:0 0 0 10px #dd1d1d00}to{box-shadow:0 0 #dd1d1d00}}:root{--color-primary: #2c3e50;--color-primary-light: #34495e;--color-primary-dark: #1a252f;--color-secondary: #ffffff;--color-accent: #3498db;--color-accent-light: #5dade2;--color-accent-dark: #2980b9;--color-background: #f8f9fa;--color-background-alt: #ffffff;--color-text: #333333;--color-text-secondary: #7f8c8d;--color-border: #e9ecef;--color-success: #27ae60;--color-error: #e74c3c;--color-warning: #f39c12;--color-info: #3498db;--color-muted: #95a5a6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--spacing-xxxl: 5rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--font-size-xxxxl: 3rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-hover: 0 15px 30px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-xxxxl)}h2{font-size:var(--font-size-xxxl)}h3{font-size:var(--font-size-xxl)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--color-accent-dark);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);border:none;font-size:var(--font-size-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-normal)}.button:hover:before{left:100%}.button-primary{background-color:var(--color-primary);color:var(--color-secondary);box-shadow:var(--shadow-md)}.button-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-accent{background-color:var(--color-accent);color:var(--color-secondary);box-shadow:var(--shadow-md)}.button-accent:hover{background-color:var(--color-accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-secondary{background-color:var(--color-background);color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:var(--shadow-sm)}.button-secondary:hover{background-color:var(--color-primary);color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.button-outline{background-color:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.button-outline:hover{background-color:var(--color-accent);color:var(--color-secondary)}.button-disabled{background-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none!important;box-shadow:none!important}.button-disabled:hover{background-color:var(--color-border);color:var(--color-text-secondary)}input,select,textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-family:var(--font-family);transition:all var(--transition-normal);background-color:var(--color-background-alt)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3498db1a}img{max-width:100%;height:auto;display:block}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-weight-light{font-weight:300}.font-weight-normal{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-bold{font-weight:700}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.card{background-color:var(--color-background-alt);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}