*,:after,:before{padding:0;box-sizing:border-box;margin:0}html{font-size:16px;scroll-behavior:smooth;line-height:1.15;-webkit-text-size-adjust:100%}body{font-weight:400;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;line-height:1.6;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,ul{padding:0;margin:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}button{background:none;cursor:pointer}button,input,select,textarea{font-size:inherit;border:none;outline:none;font-family:inherit}a{text-decoration:none;color:inherit}a:focus{outline-offset:2px;outline:2px solid #007bff}canvas,img,picture,svg,video{height:auto;max-width:100%;display:block}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{font:inherit}input[type=search]{-webkit-appearance:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0;outline:0 solid #fff}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}:root{--bp-2xl:1400px;--bp-sm:576px;--color-primary-200:rgba(230,126,34,.2);--space-3:0.75rem;--toast-success:var(--color-success);--radius-xl:0.75rem;--font-weight-bold:700;--bp-md:768px;--color-gray-500:#adb5bd;--radius-sm:0.125rem;--color-bg-secondary:#f8f9fa;--card-border:var(--color-gray-200);--color-black:#000;--color-gray-100:#f1f3f4;--radius-md:0.375rem;--btn-height-sm:32px;--font-heading:"Poppins","Inter",sans-serif;--btn-height-base:40px;--font-size-4xl:2.25rem;--z-popover:1060;--color-accent-dark:#229954;--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--toast-error:var(--color-error);--color-primary:#e67e22;--space-12:3rem;--space-5:1.25rem;--nav-link-active:var(--color-white);--transition-fast:all 0.1s ease-in-out;--space-1:0.25rem;--radius-3xl:1.5rem;--input-bg:var(--color-white);--color-bg-muted:#f1f3f4;--font-weight-semibold:600;--color-primary-100:rgba(230,126,34,.1);--color-gray-800:#343a40;--space-8:2rem;--z-modal:1050;--color-gray-200:#e9ecef;--transition-slow:all 0.3s ease-in-out;--z-toast:1080;--color-primary-dark:#d35400;--font-size-3xl:1.875rem;--font-size-sm:0.875rem;--z-dropdown:1000;--card-bg:var(--color-white);--line-height-tight:1.25;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--color-text-white:#fff;--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--card-shadow:var(--shadow-sm);--bp-lg:992px;--font-size-2xl:1.5rem;--color-warning:#f39c12;--font-size-6xl:3.75rem;--space-16:4rem;--btn-height-lg:48px;--font-weight-normal:400;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-weight-light:300;--radius-base:0.25rem;--color-secondary-light:#e74c3c;--color-bg-primary:#fff;--color-info:#3498db;--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--font-size-base:1rem;--color-gray-400:#ced4da;--font-weight-medium:500;--radius-lg:0.5rem;--z-modal-backdrop:1040;--font-size-lg:1.125rem;--nav-link-color:var(--color-black);--color-primary-50:rgba(230,126,34,.05);--space-24:6rem;--transition-colors:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;--color-text-muted:#6c757d;--color-success-light:#d4edda;--input-border:var(--color-gray-300);--color-text-primary:#212529;--z-tooltip:1070;--space-32:8rem;--color-error-light:#f8d7da;--color-gray-700:#495057;--radius-none:0;--toast-warning:var(--color-warning);--color-secondary-dark:#a93226;--z-fixed:1030;--color-success:#27ae60;--header-shadow:0 2px 10px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--font-size-xl:1.25rem;--line-height-normal:1.5;--color-primary-500:rgba(230,126,34,.5);--color-gray-900:#212529;--toast-width:400px;--space-10:2.5rem;--radius-2xl:1rem;--z-sticky:1020;--input-border-focus:var(--color-primary);--btn-height-xl:56px;--nav-link-hover:var(--color-black);--input-height:44px;--container-2xl:1320px;--radius-full:9999px;--font-size-xs:0.75rem;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",monospace;--color-error:#e74c3c;--transition-opacity:opacity 0.15s ease-in-out;--container-md:720px;--container-sm:540px;--space-2:0.5rem;--color-gray-300:#dee2e6;--line-height-relaxed:1.75;--color-accent-light:#2ecc71;--color-gray-50:#f8f9fa;--color-primary-light:#f39c12;--color-warning-light:#fff3cd;--container-lg:960px;--color-secondary:#c0392b;--color-accent:#27ae60;--space-20:5rem;--color-text-light:#adb5bd;--transition-transform:transform 0.15s ease-in-out;--bp-xl:1200px;--color-white:#fff;--header-bg:hsla(0,0%,100%,.95);--container-xl:1140px;--color-bg-dark:#212529;--transition-all:all 0.15s ease-in-out;--color-text-secondary:#495057;--color-gray-600:#6c757d;--toast-info:var(--color-info);--card-hover-shadow:var(--shadow-lg);--font-size-5xl:3rem;--space-6:1.5rem;--color-info-light:#d1ecf1;--space-4:1rem;--shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}:root:not([data-theme]),:root[data-theme=default]{--color-primary:#ff6b00;--color-bg:#fff;--color-bg-alt:#f7f7f9;--color-text:#23242a;--color-border:#e9ecef;--color-primary-light:#ffb347;--color-secondary:#23242a;--color-accent:#ffb347;--color-text-light:#fff}:root[data-theme=blue]{--color-primary:#1976d2;--color-bg:#f4f8fb;--color-bg-alt:#e3f2fd;--color-text:#1a237e;--color-border:#bbdefb;--color-primary-light:#64b5f6;--color-secondary:#23242a;--color-accent:#64b5f6;--color-text-light:#fff}:root[data-theme=green]{--color-primary:#388e3c;--color-bg:#f6fbf4;--color-bg-alt:#e8f5e9;--color-text:#1b5e20;--color-border:#c8e6c9;--color-primary-light:#a8e063;--color-secondary:#23242a;--color-accent:#a8e063;--color-text-light:#fff}:root[data-theme=purple]{--color-primary:#8e24aa;--color-bg:#faf4fb;--color-bg-alt:#f3e5f5;--color-text:#4a148c;--color-border:#e1bee7;--color-primary-light:#ce93d8;--color-secondary:#23242a;--color-accent:#ce93d8;--color-text-light:#fff}:root[data-theme=red]{--color-primary:#d32f2f;--color-bg:#fff6f6;--color-bg-alt:#ffebee;--color-text:#b71c1c;--color-border:#ffcdd2;--color-primary-light:#ff8a80;--color-secondary:#23242a;--color-accent:#ff8a80;--color-text-light:#fff}.dark-mode{--mobile-nav-link-hover-bg:#404040;--color-bg-secondary:#2d2d2d;--card-border:#404040;--nav-link-active:#e67e22;--dropdown-link-hover-color:#e67e22;--input-bg:#2d2d2d;--dropdown-bg:#2d2d2d;--color-bg-muted:#404040;--mobile-nav-link-hover-color:#e67e22;--dropdown-border:#404040;--scrollbar-thumb-hover:#e67e22;--card-bg:#2d2d2d;--color-text-white:#fff;--dropdown-link-hover-bg:#404040;--scrollbar-bg:#2d2d2d;--color-bg-primary:#1a1a1a;--mobile-nav-link-color:#fff;--dropdown-link-color:#fff;--nav-link-color:#fff;--color-text-muted:#a0a0a0;--input-border:#404040;--color-text-primary:#fff;--mobile-nav-border:#404040;--nav-link-hover:#e67e22;--scrollbar-thumb:#404040;--mobile-nav-bg:#2d2d2d;--color-text-light:silver;--header-bg:rgba(26,26,26,.95);--color-text-secondary:#e0e0e0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--color-gray-400)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::selection{color:var(--color-text-primary);background-color:var(--color-primary-200)}.container{padding:0 var(--space-4);max-width:var(--container-xl);margin:0 auto;width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-white{color:var(--color-text-white)}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.m-0{margin:0}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.p-0{padding:0}.btn{min-height:var(--btn-height-base);padding:0 var(--space-6);justify-content:center;font-size:var(--font-size-sm);border:2px solid transparent;text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-all);gap:var(--space-2);align-items:center;border-radius:var(--radius-lg);cursor:pointer;line-height:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;white-space:nowrap;font-family:var(--font-primary);display:inline-flex}.btn:disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.btn-primary{border-color:var(--color-primary);color:var(--color-white);background-color:var(--color-primary)}.btn-primary:hover:not(:disabled){border-color:var(--color-primary-dark);transform:translateY(-1px);background-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-secondary)}.btn-secondary:hover:not(:disabled){border-color:var(--color-secondary-dark);transform:translateY(-1px);background-color:var(--color-secondary-dark);box-shadow:var(--shadow-md)}.btn-danger{border-color:#dc3545;color:var(--color-white);background-color:#dc3545}.btn-danger:hover:not(:disabled){border-color:#bd2130;transform:translateY(-1px);background-color:#c82333;box-shadow:var(--shadow-md)}.btn-outline{border-color:var(--color-primary);background-color:transparent}.btn-outline:hover:not(:disabled){transform:translateY(-1px);color:var(--color-white);background-color:var(--color-primary);box-shadow:var(--shadow-md)}.btn-ghost{border-color:transparent;color:var(--color-text-primary);background-color:transparent}.btn-ghost:hover:not(:disabled){color:var(--color-primary);background-color:var(--color-gray-100)}.btn-white{border-color:var(--color-white);color:var(--color-text-primary);background-color:var(--color-white);box-shadow:var(--shadow-sm)}.btn-white:hover:not(:disabled){transform:translateY(-1px);background-color:var(--color-gray-50);box-shadow:var(--shadow-md)}.btn-sm{min-height:var(--btn-height-sm);padding:0 var(--space-4);font-size:var(--font-size-xs)}.btn-large{min-height:var(--btn-height-lg);padding:0 var(--space-8);font-size:var(--font-size-base)}.btn-xl{min-height:var(--btn-height-xl);padding:0 var(--space-10);font-size:var(--font-size-lg)}.btn-loading{color:transparent;position:relative}.btn-loading:after{animation:btn-loading .6s linear infinite;height:16px;border:2px solid transparent;content:"";position:absolute;border-top-color:currentcolor;top:50%;margin:-8px 0 0 -8px;border-radius:50%;left:50%;width:16px}@keyframes btn-loading{to{transform:rotate(1turn)}}.card{overflow:hidden;border:1px solid var(--card-border);transition:var(--transition-all);background-color:var(--card-bg);box-shadow:var(--card-shadow);border-radius:var(--radius-xl)}.card:hover{transform:translateY(-2px);box-shadow:var(--card-hover-shadow)}.card-header{border-bottom:1px solid var(--card-border)}.card-body,.card-footer,.card-header{padding:var(--space-6)}.card-footer{border-top:1px solid var(--card-border);background-color:var(--color-bg-secondary)}.card-image{height:200px;object-fit:cover;width:100%}.card-image.card-image-lg{height:300px}.card-image.card-image-sm{height:150px}.form-group{margin-bottom:var(--space-6)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);color:var(--color-text-primary);display:block}.form-label.required:after{color:var(--color-error);content:" *"}.form-control{min-height:var(--input-height);padding:0 var(--space-4);font-size:var(--font-size-sm);border:2px solid var(--input-border);color:var(--color-text-primary);transition:var(--transition-colors);background-color:var(--input-bg);border-radius:var(--radius-lg);width:100%;line-height:1.5}.form-control:focus{border-color:var(--input-border-focus);outline:none;box-shadow:0 0 0 3px var(--color-primary-100)}.form-control:invalid{border-color:var(--color-error)}.form-control:invalid:focus{box-shadow:0 0 0 3px var(--color-error-light)}.form-control::placeholder{color:var(--color-text-muted)}textarea.form-control{min-height:100px;padding:var(--space-3) var(--space-4);resize:vertical}select.form-control{padding-right:var(--space-10);background-size:16px 12px;background-position:right var(--space-3) center;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat}.form-control.error{border-color:var(--color-error)}.form-control.error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.form-error{color:var(--color-error)}.form-error,.form-help{font-size:var(--font-size-xs);margin-top:var(--space-2);display:block}.form-help{color:var(--color-text-muted)}.form-check{margin-bottom:var(--space-4);gap:var(--space-3);align-items:flex-start;display:flex}.form-check-input{height:18px;accent-color:var(--color-primary);margin:0;cursor:pointer;width:18px}.form-check-label{font-size:var(--font-size-sm);margin:0;cursor:pointer;line-height:1.4}.badge{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);align-items:center;border-radius:var(--radius-full);line-height:1;white-space:nowrap;display:inline-flex}.badge-primary{color:var(--color-primary-dark);background-color:var(--color-primary-100)}.badge-success{color:var(--color-accent-dark);background-color:var(--color-success-light)}.badge-warning{color:var(--color-warning);background-color:var(--color-warning-light)}.badge-error{color:var(--color-error);background-color:var(--color-error-light)}.badge-info{color:var(--color-info);background-color:var(--color-info-light)}.loading-spinner{animation:spinner .8s linear infinite;height:40px;border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:40px}.loading-spinner.spinner-sm{height:20px;border-width:2px;width:20px}.loading-spinner.spinner-lg{height:60px;border-width:6px;width:60px}.loading-screen{right:0;transition:all .5s ease;bottom:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));z-index:9999}.loading-screen .loading-spinner{border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff}.loading-overlay{justify-content:center;right:0;transition:all .3s ease;position:fixed;flex-direction:column;opacity:0;bottom:0;visibility:hidden;top:0;align-items:center;background:rgba(0,0,0,.8);left:0;display:flex;z-index:9998}.loading-overlay.show{opacity:1;visibility:visible}.loading-overlay .loading-spinner{height:50px;border:4px solid hsla(0,0%,100%,.3);margin-bottom:1rem;border-top:4px solid var(--primary-color);width:50px}.loading-message{font-size:1rem;font-weight:500;color:#fff;text-align:center;margin-top:1rem}.alert{padding:var(--space-4);font-size:var(--font-size-sm);border:1px solid transparent;border-radius:var(--radius-lg);line-height:1.5}.alert-success{border-color:var(--color-success);color:var(--color-accent-dark);background-color:var(--color-success-light)}.alert-warning{border-color:var(--color-warning);color:var(--color-warning);background-color:var(--color-warning-light)}.alert-error{border-color:var(--color-error);color:var(--color-error);background-color:var(--color-error-light)}.alert-info{border-color:var(--color-info);color:var(--color-info);background-color:var(--color-info-light)}.modal-overlay{justify-content:center;right:0;transition:var(--transition-all);position:fixed;opacity:0;bottom:0;visibility:hidden;top:0;background-color:rgba(0,0,0,.5);align-items:center;left:0;display:flex;z-index:1050}.modal-overlay.active{opacity:1;visibility:visible}.modal{overflow:hidden;transform:scale(.9);transition:var(--transition-all);max-width:90vw;max-height:90vh;background-color:var(--color-white);box-shadow:var(--shadow-2xl);border-radius:var(--radius-xl)}.modal-overlay.active .modal{transform:scale(1)}.modal-header{padding:var(--space-6);justify-content:space-between;border-bottom:1px solid var(--color-gray-200);align-items:center;display:flex}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.modal-close{height:32px;justify-content:center;border:none;color:var(--color-text-muted);transition:var(--transition-colors);background-color:transparent;align-items:center;border-radius:var(--radius-base);cursor:pointer;width:32px;display:flex}.modal-close:hover{color:var(--color-text-primary);background-color:var(--color-gray-100)}.modal-body,.modal-footer{padding:var(--space-6)}.modal-footer{justify-content:flex-end;border-top:1px solid var(--color-gray-200);gap:var(--space-3);align-items:center;display:flex}.toast-container{right:1.5rem;position:fixed;max-width:400px;gap:1rem;top:1.5rem;z-index:10000000}.toast,.toast-container{flex-direction:column;min-width:280px;display:flex}.toast{animation:toastSlideIn .4s cubic-bezier(.68,-.55,.265,1.55);transform:translateX(100%);backdrop-filter:blur(10px);padding:1.25rem;font-size:.95rem;border:1px solid var(--color-border);color:var(--color-text);max-width:100%;word-break:break-word;opacity:0;gap:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.12);border-radius:12px;background:var(--color-white)}.toast.show{transform:translateX(0);opacity:1}@keyframes toastSlideIn{0%{transform:translateX(100%) scale(.95);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@keyframes toastSlideOut{0%{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(100%) scale(.95);opacity:0}}.toast-success{border-left:4px solid #10b981;box-shadow:0 10px 40px rgba(16,185,129,.15);background:#fff}.toast-success .toast-header i{font-size:1.5rem;color:#10b981}.toast-success .toast-body{font-weight:500;color:#065f46}.toast-warning{border-left:4px solid #f59e0b;box-shadow:0 10px 40px rgba(245,158,11,.15);background:#fff}.toast-warning .toast-header i{font-size:1.5rem;color:#f59e0b}.toast-error{border-left:4px solid #ef4444;box-shadow:0 10px 40px rgba(239,68,68,.15);background:#fff}.toast-error .toast-header i{font-size:1.5rem;color:#ef4444}.toast-info{border-left:4px solid var(--color-primary);box-shadow:0 10px 40px rgba(255,107,0,.15);background:#fff}.toast-info .toast-header i{font-size:1.5rem;color:var(--color-primary)}.toast-header{flex:1;gap:.75rem;align-items:center;display:flex}.toast-header i{flex-shrink:0;font-size:1.5rem}.toast-title{flex:1;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4}.toast-close{height:28px;flex-shrink:0;padding:.375rem;justify-content:center;font-size:.875rem;border:none;color:var(--color-text-muted);transition:all .2s ease;opacity:.6;align-items:center;border-radius:8px;background:rgba(0,0,0,.05);cursor:pointer;width:28px;line-height:1;display:flex}.toast-close:hover{color:var(--color-text);opacity:1;background:rgba(0,0,0,.1)}.toast-body{display:none}body.dark-mode .toast{border:1px solid var(--color-border);color:var(--color-text);box-shadow:0 8px 32px rgba(0,0,0,.3);background:var(--color-background)}body.dark-mode .toast-success{border-left:4px solid #10b981;background:linear-gradient(135deg,rgba(16,185,129,.1) 0,var(--color-background) 100%)}body.dark-mode .toast-warning{border-left:4px solid #f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.1) 0,var(--color-background) 100%)}body.dark-mode .toast-error{border-left:4px solid #ef4444;background:linear-gradient(135deg,rgba(239,68,68,.1) 0,var(--color-background) 100%)}body.dark-mode .toast-info{border-left:4px solid var(--color-primary);background:linear-gradient(135deg,rgba(255,107,0,.1) 0,var(--color-background) 100%)}body.dark-mode .toast-close:hover{background:hsla(0,0%,100%,.1)}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;border-radius:var(--radius-base)}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-title{height:1.5em;margin-bottom:var(--space-4);width:60%}.skeleton-image{height:200px;width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.option-group{margin-bottom:var(--space-4)}.option-label{font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);color:var(--color-text-primary);display:block}.option-choices{flex-wrap:wrap;gap:var(--space-2);display:flex}.option-choice{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border:1px solid var(--color-border);transition:var(--transition-all);background-color:var(--color-white);border-radius:var(--radius-lg);cursor:pointer}.option-choice:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.option-choice.selected{border-color:var(--color-primary);color:var(--color-white);background-color:var(--color-primary)}.quantity-control{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.quantity-btn,.quantity-control{background-color:var(--color-white);align-items:center;display:flex}.quantity-btn{height:40px;justify-content:center;border:none;color:var(--color-text-secondary);transition:var(--transition-all);cursor:pointer;width:40px}.quantity-btn:hover:not(:disabled){color:var(--color-white);background-color:var(--color-primary)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-input{height:40px;border:none;border-right:1px solid var(--color-border);border-left:1px solid var(--color-border);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center;background-color:var(--color-white);width:60px}.quantity-input:focus{outline:none;background-color:var(--color-primary-light)}.cart-feedback{transform:translate(-50%,-50%);transform:translate(-50%,-50%) scale(.8);pointer-events:none;padding:var(--space-4) var(--space-6);font-weight:var(--font-weight-medium);color:var(--color-white);transition:all .3s ease;position:fixed;opacity:0;gap:var(--space-3);top:50%;background-color:var(--color-success);align-items:center;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);left:50%;display:flex;z-index:1000}.cart-feedback.show{transform:translate(-50%,-50%) scale(1);opacity:1}.cart-feedback i{font-size:var(--font-size-lg)}.dropdown-menu{animation:dropdown-appear .2s ease;min-width:200px}@keyframes dropdown-appear{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.dropdown-link:hover{background-color:var(--color-bg-secondary)}.dropdown-link i{text-align:center}.tooltip{pointer-events:none;font-size:var(--font-size-xs);transition:opacity .15s;position:absolute;opacity:0;display:block;z-index:1070}.tooltip.show{opacity:.9}.tooltip-arrow{border-color:transparent;height:0;position:absolute;border-style:solid;width:0;display:block}.tooltip-inner{padding:var(--space-2) var(--space-3);font-weight:var(--font-weight-medium);color:var(--color-white);max-width:200px;text-align:center;background-color:rgba(0,0,0,.9);border-radius:var(--radius-md)}.tooltip-top{padding:5px 0}.tooltip-top .tooltip-arrow{border-top-color:rgba(0,0,0,.9);border-width:5px 5px 0;bottom:0}.tooltip-bottom{padding:5px 0}.tooltip-bottom .tooltip-arrow{border-width:0 5px 5px;top:0;border-bottom-color:rgba(0,0,0,.9)}.tooltip-left{padding:0 5px}.tooltip-left .tooltip-arrow{border-left-color:rgba(0,0,0,.9);right:0;border-width:5px 0 5px 5px}.tooltip-right{padding:0 5px}.tooltip-right .tooltip-arrow{border-right-color:rgba(0,0,0,.9);border-width:5px 5px 5px 0;left:0}.tab-list,.tabs{margin-bottom:var(--space-6)}.tab-list{border-bottom:1px solid var(--color-border);display:flex}.tab-trigger{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);border:none;text-decoration:none;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:var(--transition-all);border-bottom:2px solid transparent;background:none;cursor:pointer}.tab-trigger:hover{color:var(--color-primary);border-bottom-color:var(--color-primary-light)}.tab-trigger.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-panel{display:none}.tab-panel.active{animation:fadeIn .3s ease;display:block}@keyframes fadeIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-container{pointer-events:none;position:fixed;max-width:420px;z-index:1050}.notification-container.notification-top-right{right:var(--space-4);top:var(--space-4)}.notification-container.notification-top-left{top:var(--space-4);left:var(--space-4)}.notification-container.notification-bottom-right{right:var(--space-4);bottom:var(--space-4)}.notification-container.notification-bottom-left{bottom:var(--space-4);left:var(--space-4)}.notification{transform:translateX(100%);pointer-events:auto;border-left:4px solid var(--color-primary);padding:var(--space-4);margin-bottom:var(--space-3);transition:all .3s ease;max-width:100%;opacity:0;gap:var(--space-3);background-color:var(--color-white);align-items:flex-start;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);display:flex}.notification.show{transform:translateX(0);opacity:1}.notification.hiding{transform:translateX(100%);opacity:0}.notification-success{border-left-color:var(--color-success)}.notification-success i{color:var(--color-success)}.notification-error{border-left-color:var(--color-error)}.notification-error i{color:var(--color-error)}.notification-warning{border-left-color:var(--color-warning)}.notification-warning i{color:var(--color-warning)}.notification-info{border-left-color:var(--color-info)}.notification-info i{color:var(--color-info)}.notification i{font-size:var(--font-size-lg);margin-top:2px}.notification-content{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.notification-close{padding:0;font-size:var(--font-size-sm);border:none;color:var(--color-text-muted);transition:var(--transition-colors);background:none;cursor:pointer}.notification-close:hover{color:var(--color-text-primary)}.header{backdrop-filter:blur(20px);transition:all .3s ease;position:fixed;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.1);background:hsla(0,0%,100%,.95)}.main,.main-content,.page-header{position:relative;z-index:1}.header.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.15);background:hsla(0,0%,100%,.98);border-bottom-color:rgba(0,0,0,.12)}.header-content{min-height:80px;padding:0 2rem;justify-content:space-between;position:relative;max-width:1400px;margin:0 auto}.header-content,.header-logo{align-items:center;display:flex}.header-logo{flex-shrink:0}.logo-link{padding:.75rem 0;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;align-items:center;display:flex}.logo-link:hover{transform:translateY(-1px)}.logo-link:hover .logo-icon{transform:scale(1.1)}.logo-icon{font-size:2.25rem;margin-right:0;transition:all .3s ease;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-text{flex-direction:column;display:flex}.brand-name{font-size:1.5rem;font-weight:700;color:#1a1a1a;letter-spacing:-.02em;line-height:1.1;font-family:Poppins,sans-serif}.brand-tagline{font-size:.75rem;font-weight:500;color:#666;text-transform:uppercase;opacity:.8;letter-spacing:.05em;margin-top:2px}.header-nav{flex:1;justify-content:center;margin:0 2rem}.nav-links{gap:.25rem}.nav-item{padding:10px}.nav-link{padding:.75rem 1rem;font-size:.95rem;font-weight:500;color:var(--color-text-primary);transition:all .3s ease;border-radius:8px;white-space:nowrap}.nav-link i{font-size:.9rem;margin-right:.5rem;opacity:.7}.nav-link span{position:relative}.nav-link:hover{color:var(--color-primary);background:var(--color-primary-50)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-100)}.nav-link.active i,.nav-link:hover i{color:var(--color-primary);opacity:1}.dropdown-arrow{font-size:.7rem;transition:transform .3s ease;margin-left:.5rem}.dropdown-menu{transform:translateX(-50%);transform:translateX(-50%) translateY(-10px) scale(.95);backdrop-filter:blur(20px);padding:1.5rem;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;min-width:320px;top:calc(100% + 15px);box-shadow:0 20px 60px rgba(0,0,0,.15);border-radius:16px;background:#fff;left:50%;z-index:1001}.nav-item:hover .dropdown-menu{transform:translateX(-50%) translateY(0) scale(1)}.dropdown-section{margin-bottom:1.25rem}.dropdown-title{font-size:.8rem;font-weight:700;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px;padding-bottom:.5rem}.dropdown-title:after{bottom:0;border-radius:2px;width:25px}.dropdown-link{overflow:hidden;padding:.75rem 1rem;margin-bottom:.25rem;color:var(--color-text-primary);transition:all .3s ease;position:relative;border-radius:8px}.dropdown-link:hover{transform:translateX(5px);box-shadow:0 2px 10px rgba(255,107,0,.2)}.dropdown-link i{font-size:.9rem;margin-right:.75rem;width:18px}.dropdown-link span{font-weight:500}.dropdown-link small{padding:.125rem .5rem;font-size:.7rem;font-weight:500;color:var(--text-secondary);opacity:.8;border-radius:8px;background:rgba(255,107,0,.1)}.new-badge{animation:pulse 2s ease-in-out infinite;padding:.25rem .5rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px rgba(255,107,0,.3);border-radius:10px}.dropdown-link.campaign{color:var(--color-white);box-shadow:0 2px 10px rgba(255,107,0,.3);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.dropdown-link.campaign:hover{transform:translateX(5px) scale(1.02);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary))}.header-actions{flex-shrink:0;gap:1rem}.action-btn{padding:.75rem;border:1px solid var(--color-border);color:var(--color-text-primary);transition:all .3s ease;border-radius:12px;background:var(--color-bg-alt)}.action-btn:hover{border-color:var(--color-primary);transform:translateY(-2px);color:var(--color-white);box-shadow:0 4px 12px rgba(255,107,0,.25);background:var(--color-primary)}.action-btn i{font-size:1.1rem;position:relative;z-index:1}.cart-btn{padding:.75rem 1.25rem;border:1px solid var(--color-primary);font-weight:600;color:var(--color-white);position:relative;min-width:120px;gap:.5rem;border-radius:12px;background:var(--color-primary)}.cart-btn:hover{border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,107,0,.3);background:var(--color-primary-dark)}.cart-count{padding:.25rem .5rem;font-size:.7rem;color:var(--color-primary);min-width:20px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.15);border-radius:8px;background:var(--color-white)}.cart-count,.cart-total{font-weight:700;position:relative}.cart-total{font-size:.85rem;color:var(--cart-total-color);margin-left:.25rem;z-index:1}.user-btn{padding:.5rem 1rem;border:1px solid var(--color-border);transition:all .3s ease;gap:.5rem;border-radius:12px;background:var(--color-bg-alt);cursor:pointer}.user-btn:hover{border-color:var(--color-primary);transform:translateY(-2px);color:var(--color-white);box-shadow:0 4px 12px rgba(255,107,0,.25);background:var(--color-primary)}.user-btn:hover .user-avatar{color:var(--color-primary);background:#fff}.user-btn:hover .user-name-display{color:#fff}.user-avatar{font-weight:600;border-radius:8px;background:var(--color-primary)}.user-avatar,.user-name-display{font-size:.9rem;transition:all .3s ease}.user-name-display{font-weight:500}.user-dropdown{transform:translateY(-10px) scale(.95);backdrop-filter:blur(20px);padding:1.5rem;color:var(--color-text-primary);transition:all .3s ease;min-width:300px;top:calc(100% + 10px);box-shadow:0 20px 60px rgba(0,0,0,.15);border-radius:16px;background:var(--color-bg);z-index:1001}.user-menu:hover .user-dropdown{transform:translateY(0) scale(1)}.user-info{margin-bottom:1rem}.user-profile{padding:1rem;border:1px solid var(--color-primary-100);gap:1rem;border-radius:12px;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-50))}.user-avatar-large{font-size:1.2rem;box-shadow:0 6px 20px rgba(255,107,0,.3);border-radius:50%}.user-details{flex-direction:column;gap:.25rem;display:flex}.user-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.user-email{font-size:.8rem;color:var(--text-secondary)}.user-points{padding:.25rem .5rem;font-size:.75rem;font-weight:600;color:var(--color-accent);gap:.25rem;border-radius:10px;background:var(--color-accent-light);width:fit-content;display:inline-flex}.user-points i{margin-right:0;color:gold}.dropdown-divider{margin:1rem 0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}.dropdown-link.primary{color:#000;box-shadow:0 2px 10px rgba(255,107,0,.3);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))}.dropdown-link.primary:hover{transform:translateX(5px) scale(1.02);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.benefit-item{padding:.5rem 0;font-size:.8rem;color:var(--text-secondary);gap:.5rem}.benefit-item i{padding:.25rem;font-size:.6rem;border-radius:50%;background:var(--color-primary-light);width:18px}.logout-btn{font-size:inherit;border:none;text-align:left;background:none;background:var(--color-error-light);cursor:pointer;width:100%}.logout-btn:hover{border-color:var(--color-error);background:var(--color-error)}.search-overlay{transition:all .4s cubic-bezier(.4,0,.2,1)}.search-container{max-width:650px;margin:0 20px}.search-box{box-shadow:0 25px 80px rgba(0,0,0,.3);border-radius:20px}.search-input-group{padding:0 25px}.search-input-group i{font-size:1.2rem;margin-right:15px}.search-input-group input{padding:25px 0;font-size:1.2rem}.search-close{padding:10px}.search-suggestions{padding:25px}.suggestion-category{margin-bottom:25px}.suggestion-category h5{font-size:.9rem;margin-bottom:12px;letter-spacing:1px}.suggestion-item{padding:12px 15px;margin-bottom:6px;border-radius:10px}.mobile-menu-btn{padding:.75rem;justify-content:center;border:1px solid #e9ecef;transition:all .3s ease;position:relative;gap:3px;align-items:center;border-radius:12px;background:#f8f9fa}.mobile-menu-btn:hover{border-color:#ff6b00;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,0,.25);background:#ff6b00}.mobile-menu-btn:hover .menu-line{background:#fff}.menu-line{height:2.5px;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:2px;background:#4a4a4a;width:22px}.mobile-menu-btn.active .menu-line:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active .menu-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.search-overlay{backdrop-filter:blur(10px);padding-top:120px;transition:all .3s ease;background:rgba(0,0,0,.6);z-index:1100}.search-overlay.active{opacity:1;visibility:visible}.search-container{margin:0 1rem}.search-box{border:1px solid var(--color-primary-100);box-shadow:0 20px 60px rgba(0,0,0,.2);border-radius:16px;background:var(--color-white)}.search-input-group{padding:0 1.5rem;border-bottom:1px solid rgba(0,0,0,.1);align-items:center;display:flex}.search-input-group i{font-size:1.1rem;margin-right:1rem;color:var(--color-primary)}.search-input-group input{flex:1;padding:1.5rem 0;font-size:1.1rem;border:none;color:var(--color-text-primary);outline:none;background:none}.search-input-group input::placeholder{color:var(--color-text-secondary)}.search-close{padding:.5rem;transition:all .3s ease;border-radius:50%;background:none}.search-suggestions{padding:1.5rem}.suggestion-category{margin-bottom:1.5rem}.suggestion-category:last-child{margin-bottom:0}.suggestion-category h5{font-size:.8rem;font-weight:700;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.suggestion-item{padding:.75rem 1rem;border:1px solid transparent;text-decoration:none;margin-bottom:.25rem;color:var(--color-text-primary);transition:all .3s ease;align-items:center;border-radius:8px;display:flex}.suggestion-item:hover{transform:translateX(5px)}.suggestion-item i{margin-right:.75rem;color:var(--color-primary);width:18px}.mobile-nav.active{opacity:1;visibility:visible}body.menu-open{overflow:hidden;position:fixed;width:100%}.mobile-nav-backdrop{backdrop-filter:blur(4px);right:0;transition:all .3s ease;position:fixed;opacity:0;bottom:0;visibility:hidden;top:0;background:rgba(0,0,0,.5);left:0;z-index:1199}.mobile-nav-backdrop.active{opacity:1;visibility:visible}.mobile-auth{padding:1rem 0;gap:.75rem;margin-top:.5rem}.mobile-auth-btn{overflow:hidden;padding:1rem 1.5rem;font-size:1rem;border:none;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.08);border-radius:16px;cursor:pointer}.mobile-auth-btn:before{height:100%;transition:left .6s ease;content:"";position:absolute;top:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);left:-100%;width:100%}.mobile-auth-btn:hover:before{left:100%}.mobile-auth-btn.primary{box-shadow:0 4px 16px rgba(var(--color-primary-rgb,255,107,0),.35);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark,#e55a00))}.mobile-auth-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(var(--color-primary-rgb,255,107,0),.45)}.mobile-auth-btn.secondary{border:2px solid var(--color-gray-300);color:var(--color-text-primary);background:var(--color-white)}.mobile-auth-btn.secondary:hover{border-color:var(--color-gray-400);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);background:var(--color-gray-50)}.mobile-auth-btn:not(.primary):not(.secondary){border:2px solid var(--color-gray-300);color:var(--color-text-primary);background:var(--color-white)}.mobile-auth-btn .fa,.mobile-auth-btn i{display:none!important}.mobile-user-info{padding:1rem 1.5rem .75rem;flex-direction:column;gap:.5rem;display:flex}.mobile-user-welcome{padding:1rem;gap:.75rem;border-radius:12px;background:var(--color-primary-50);margin-top:1rem}.mobile-user-avatar{font-size:1.2rem;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:12px;background:var(--color-primary)}.mobile-user-details{flex-direction:column;gap:.25rem;display:flex}.mobile-user-name{font-size:1rem;font-weight:700}.mobile-user-points{font-size:.8rem;font-weight:500;color:var(--color-accent)}.mobile-nav-content{transform:translateY(0);overflow-y:auto;padding:calc(70px + 1.5rem) 1.5rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1) .1s;opacity:1}.mobile-nav-content,.mobile-nav-links{background:var(--color-bg)}.mobile-nav-links li{margin-bottom:.25rem}.mobile-nav-link{min-height:48px;padding:1rem 1.25rem;justify-content:space-between;font-size:1rem;border:1px solid var(--color-border);font-weight:500;margin-bottom:.5rem;transition:all .3s ease;border-radius:8px;background:var(--color-bg)}.mobile-nav-link i{font-size:1.1rem;margin-right:.75rem;color:var(--color-primary)}.mobile-nav-link.active,.mobile-nav-link:hover{border-color:var(--color-primary);transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.1);background:var(--color-primary-50)}.mobile-dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.mobile-dropdown-menu{margin-bottom:.5rem;transition:all .4s ease;padding-right:.5rem;border-radius:8px;background:var(--color-primary-50);margin-top:.5rem;padding-left:1.5rem}.mobile-dropdown.active .mobile-dropdown-menu{padding-top:.75rem;max-height:400px;padding-bottom:.75rem}.mobile-dropdown-menu a{padding:.875rem 1rem;font-size:.95rem;border:1px solid transparent;font-weight:500;margin-bottom:.25rem;transition:all .3s ease;border-radius:6px;background:hsla(0,0%,100%,.7)}.mobile-dropdown-menu a:hover{border-color:rgba(255,107,0,.2);transform:translateX(4px);color:var(--primary-color);box-shadow:0 2px 8px rgba(255,107,0,.15);background:var(--primary-light)}.mobile-actions{padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--color-border);gap:.75rem;background:var(--color-bg);margin-top:auto}.mobile-action-btn{overflow:hidden;padding:1rem .75rem;transition:all .3s ease;flex-direction:column;gap:.5rem;border-radius:12px;background:var(--color-bg)}.mobile-action-btn:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1);background:var(--color-primary-50)}.mobile-action-btn i{font-size:1.5rem}.mobile-action-btn span{font-size:.8rem;font-weight:500}.mobile-cart-count{padding:.25rem .5rem;font-size:.7rem;font-weight:700;right:-5px;color:#fff;min-width:20px;text-align:center;top:-5px;border-radius:10px;background:var(--color-primary)}.mobile-action-btn:hover .mobile-cart-count{background:var(--color-primary-dark)}.header-overlay{backdrop-filter:none;right:0;transition:opacity .12s ease,visibility .12s ease;position:fixed;opacity:0;bottom:0;visibility:hidden;will-change:opacity;top:0;background:rgba(0,0,0,.5);left:0;z-index:998}.header-overlay.active{opacity:1;visibility:visible}.modal{max-width:600px;flex-direction:column;width:90vw;display:flex}.modal-body{flex:1;overflow-y:auto}.modal .form-row{grid-template-columns:1fr 1fr;gap:var(--space-4);display:grid}.modal .form-group{margin-bottom:var(--space-4)}.modal .form-actions{padding-top:var(--space-4);justify-content:flex-end;border-top:1px solid var(--color-gray-200);gap:var(--space-3);margin-top:var(--space-6);display:flex}.delete-confirmation{padding:var(--space-6);text-align:center}.delete-icon{height:80px;justify-content:center;font-size:var(--font-size-3xl);color:var(--color-error);background-color:var(--color-error-light);margin:0 auto var(--space-4);align-items:center;border-radius:50%;width:80px;display:flex}.delete-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-text-primary)}.delete-message{margin-bottom:var(--space-6);color:var(--color-text-secondary);line-height:1.5}.delete-actions{justify-content:center;gap:var(--space-3);display:flex}body.modal-open{overflow:hidden}.dark-mode .mobile-nav{box-shadow:0 8px 30px rgba(0,0,0,.5)!important;background:var(--mobile-nav-bg)!important}.dark-mode .mobile-nav-content,.dark-mode .mobile-nav-links{color:var(--mobile-nav-link-color)!important;background:var(--mobile-nav-bg)!important}.dark-mode .mobile-nav-link{border-color:var(--mobile-nav-border)!important;color:var(--mobile-nav-link-color)!important;background:var(--color-bg-secondary)!important}.dark-mode .mobile-nav-link.active,.dark-mode .mobile-nav-link:hover{border-color:var(--color-primary)!important;color:var(--mobile-nav-link-hover-color)!important;background:var(--mobile-nav-link-hover-bg)!important}.dark-mode .mobile-dropdown-menu{background:var(--color-bg-secondary)!important}.dark-mode .mobile-dropdown-menu,.dark-mode .mobile-dropdown-menu a{color:var(--color-text-primary)!important}.dark-mode .mobile-dropdown-menu a:hover{color:var(--color-primary)!important;background:var(--color-bg-muted)!important}.dark-mode .btn,.dark-mode .btn-primary,.dark-mode .btn-secondary{border-color:var(--color-primary)!important;color:var(--color-white)!important;background-color:var(--color-primary-dark)!important}.dark-mode .btn-secondary{border-color:var(--color-secondary)!important;background-color:var(--color-secondary-dark)!important}.dark-mode .btn-outline{border-color:var(--color-primary)!important;color:var(--color-primary)!important;background-color:transparent!important}.dark-mode .btn-outline:hover{color:var(--color-white)!important;background-color:var(--color-primary)!important}.dark-mode .category-card{border-color:var(--card-border)!important}.dark-mode .category-card,.dark-mode .modal{color:var(--color-text-primary)!important;background-color:var(--card-bg)!important}.dark-mode .notification-content{color:var(--color-text-primary)!important}.dark-mode .mobile-auth-btn:not(.primary),.dark-mode .mobile-user-info{background-color:var(--color-bg-secondary)!important}.dark-mode .mobile-auth-btn:not(.primary){color:var(--color-text-primary)!important}.dark-mode .mobile-actions{background:var(--color-bg-secondary)!important;background-image:none!important}.dark-mode .mobile-action-btn{border-color:var(--color-gray-700)!important;color:var(--color-text-primary)!important;background:var(--color-bg-secondary)!important}.dark-mode .mobile-action-btn:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important;background:var(--color-bg-muted)!important}.dark-mode .mobile-menu-btn{border-color:var(--color-gray-700)!important;color:var(--color-text-primary)!important;background:var(--color-bg-secondary)!important}.dark-mode .mobile-menu-btn:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important;background:var(--color-bg-muted)!important}.dark-mode .contact-card,.dark-mode .team-member.animate-in,.dark-mode .value-card.animate-in{border-color:var(--card-border)!important;color:var(--color-text-primary)!important;background:var(--card-bg)!important}.color-palette-switcher{transform:translateY(-50%);position:fixed;flex-direction:column;top:50%;align-items:flex-end;left:0;display:flex;z-index:12000}.palette-toggle-btn{padding:.7rem 1.1rem;font-size:1.3rem;border:none;margin-bottom:.5rem;color:#fff;transition:background .2s,color .2s;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:12px 0 0 12px;background:var(--color-primary);cursor:pointer}.palette-toggle-btn:hover{background:var(--color-primary-light)}.palette-options{transform:translateX(120%);pointer-events:none;padding:.7rem;transition:opacity .25s,transform .25s;flex-direction:column;opacity:0;gap:.7rem;align-items:flex-end;box-shadow:0 2px 12px rgba(0,0,0,.13);border-radius:12px 0 0 12px;background:#fff;display:flex}.color-palette-switcher.active .palette-options{transform:translateX(0);pointer-events:auto;opacity:1}.palette-color{height:36px;border:2px solid #eee;transition:border .2s,box-shadow .2s;outline:none;box-shadow:0 1px 4px rgba(0,0,0,.1);border-radius:50%;cursor:pointer;margin-left:.5rem;width:36px}.palette-color:focus,.palette-color:hover{border:2px solid var(--color-primary);box-shadow:0 2px 8px rgba(0,0,0,.18)}.palette-color[data-theme].active{border:2.5px solid var(--color-primary);box-shadow:0 2px 10px rgba(0,0,0,.22)}.user-avatar-large{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))}.suggestion-category h5,.suggestion-item:hover{color:var(--color-primary)}.suggestion-item:hover{border-color:var(--color-primary-100);background:var(--color-primary-light)}.search-input-group i{color:var(--color-primary-light)}.search-close{color:var(--color-text-secondary)}.search-close:hover{background:var(--color-primary-light)}.dropdown-title,.search-close:hover{color:var(--color-primary)}.dropdown-title:after{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))}.dropdown-link i{color:var(--color-primary)}.dropdown-link:hover{background:var(--color-primary-light)}.category-card-restaurant,.contact-info-card,.faq-item,.team-member,.value-card{color:var(--color-text-primary);background:var(--color-white)}.category-card-restaurant .category-title-restaurant,.member-name,.value-title{color:var(--color-text-primary)}.category-card-restaurant .category-description-restaurant,.member-description,.member-role,.value-description{color:var(--color-text-secondary)}.dropdown-menu,.footer,.header,.user-dropdown{color:var(--color-text);background:var(--color-bg)}.footer-bottom,.footer-bottom-links a,.footer-description,.footer-links a{color:var(--color-text-secondary)}.footer-bottom-links a:hover,.footer-links a:hover{color:var(--color-primary)}.btn,.btn-outline,.btn-primary,.btn-secondary{border-color:var(--color-primary);color:var(--color-white);background:var(--color-primary)}.btn-outline{color:var(--color-primary);background:transparent}.btn-outline:hover{color:var(--color-white);background:var(--color-primary)}.btn-secondary{border-color:var(--color-secondary);color:var(--color-white);background:var(--color-secondary)}.btn-secondary:hover{border-color:var(--color-secondary-dark);background:var(--color-secondary-dark)}.about-badge,.category-icon-restaurant,.hero-badge-restaurant{color:var(--color-white);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.stat-number{color:var(--color-primary)}.category-card-restaurant,.contact-info-card,.faq-item,.team-member,.value-card{border:1px solid var(--color-border);box-shadow:0 2px 12px var(--color-border,rgba(0,0,0,.07))}.rating-stars{color:#ffc107}.cart-checkout-btn{border:1px solid var(--color-primary);font-weight:600;color:var(--button-text);transition:background .2s,color .2s;border-radius:var(--radius-lg);background:var(--button-gradient)}.cart-checkout-btn:hover{color:var(--color-white);background:var(--color-primary-dark)}.choice-price{color:var(--choice-price-color)}body,html{touch-action:manipulation}.loading-screen{height:100%;justify-content:center;transition:var(--transition-all);position:fixed;flex-direction:column;gap:var(--space-6);top:0;background-color:var(--color-white);background-color:var(--color-bg);align-items:center;left:0;width:100%;display:flex;z-index:99999999}.loading-screen.fade-out{opacity:0;visibility:hidden}.loading-screen .loading-spinner{animation:spinner .8s linear infinite;height:60px;border:4px solid rgba(0,0,0,.1);margin-bottom:1rem;border-top:4px solid var(--color-primary,#ff6b00);border-radius:50%;width:60px}@keyframes spinner{to{transform:rotate(1turn)}}.loading-screen p{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.header{height:var(--header-height);backdrop-filter:blur(10px);right:0;color:var(--color-text);transition:var(--transition-all);border-bottom:1px solid var(--color-gray-200);top:0;background-color:var(--header-bg);background-color:var(--color-bg);left:0;z-index:10001}.header.scrolled{box-shadow:0 2px 20px var(--color-border,rgba(0,0,0,.15))}.navbar{height:100%}.navbar-content{height:100%;justify-content:space-between;align-items:center;display:flex}.modern-header{height:50px!important;backdrop-filter:blur(20px);color:var(--color-text);border-bottom:1px solid rgba(0,0,0,.1);background-color:hsla(0,0%,100%,.95);background-color:var(--color-bg)}.modern-header .header-content{height:28px!important;min-height:28px!important;padding:0 var(--space-4);justify-content:space-between}.modern-header .header-content,.modern-header .header-logo,.modern-header .logo-link{align-items:center;display:flex}.modern-header .logo-link{text-decoration:none;color:var(--color-text-primary);transition:var(--transition-colors);gap:var(--space-3)}.modern-header .logo-icon,.modern-header .logo-link:hover{color:var(--color-primary)}.modern-header .logo-icon{font-size:var(--font-size-2xl)}.modern-header .logo-text{flex-direction:column;line-height:1.2;display:flex}.modern-header .brand-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-heading)}.modern-header .brand-tagline{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.navbar-brand{text-decoration:none;gap:var(--space-3);align-items:center;display:flex}.navbar-brand .logo{height:40px;width:auto}.brand-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-heading)}.header-nav,.nav-links{align-items:center;display:flex}.nav-links{list-style:none;padding:0;gap:var(--space-8);margin:0}.nav-item,.nav-link{position:relative}.nav-link{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);text-decoration:none;font-weight:var(--font-weight-medium);color:var(--nav-link-color);transition:var(--transition-colors);gap:var(--space-2);align-items:center;border-radius:var(--radius-lg);display:flex}.nav-link.active,.nav-link:hover{color:var(--nav-link-hover);background-color:var(--color-gray-50)}.nav-link i{font-size:var(--font-size-sm)}.nav-link span{font-weight:var(--font-weight-medium)}.dropdown-arrow{transition:var(--transition-transform);margin-left:var(--space-1)}.nav-item:hover .dropdown-arrow{transform:rotate(180deg)}.header-actions{gap:var(--space-4)}.action-btn,.header-actions{align-items:center;display:flex}.action-btn{height:40px;padding:0 var(--space-3);justify-content:center;border:none;text-decoration:none;color:var(--color-text-secondary);transition:var(--transition-all);position:relative;background-color:transparent;border-radius:var(--radius-full);cursor:pointer}.action-btn:hover{color:var(--color-primary);background-color:var(--color-gray-100)}.action-btn i{font-size:var(--font-size-lg)}.user-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-200);color:var(--color-text-primary);transition:var(--transition-all);gap:var(--space-2);background-color:var(--color-gray-50);align-items:center;border-radius:var(--radius-lg);display:flex}.user-btn:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-100)}.user-btn:hover .user-avatar{background-color:var(--color-primary)}.user-btn:hover .user-name-display{color:var(--color-primary)}.user-avatar{height:32px;justify-content:center;font-size:var(--font-size-sm);color:var(--color-white);transition:var(--transition-all);background-color:var(--color-gray-300);align-items:center;border-radius:var(--radius-full);width:32px;display:flex}.user-name-display{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);transition:var(--transition-colors)}.cart-count{height:18px;justify-content:center;font-weight:var(--font-weight-bold);right:-4px;color:var(--color-white);position:absolute;min-width:18px;top:-4px;background-color:var(--color-secondary);align-items:center;border-radius:var(--radius-full);line-height:1;display:flex}.cart-count,.cart-total{font-size:var(--font-size-xs)}.cart-total{color:var(--color-text-muted);margin-left:var(--space-1)}.dropdown-menu{transform:translateY(-10px);padding:var(--space-4);border:1px solid var(--color-gray-200);transition:var(--transition-all);position:absolute;opacity:0;visibility:hidden;min-width:250px;top:calc(100% + var(--space-2));background-color:var(--color-white);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);left:0;z-index:var(--z-dropdown)}.nav-item:hover .dropdown-menu{transform:translateY(0);opacity:1;visibility:visible}.dropdown-section{margin-bottom:var(--space-4)}.dropdown-section:last-child{margin-bottom:0}.dropdown-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-text-primary);position:relative;border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--space-2)}.dropdown-title:after{height:2px;content:"";position:absolute;bottom:-1px;background-color:var(--color-primary);border-radius:var(--radius-full);left:0;width:30px}.dropdown-link{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);border:none;text-decoration:none;color:var(--color-text-secondary);transition:var(--transition-colors);gap:var(--space-3);text-align:left;align-items:center;border-radius:var(--radius-base);background:none;cursor:pointer;width:100%;display:flex}.dropdown-link:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.dropdown-link i{color:var(--color-text-muted);width:16px}.dropdown-link span{flex:1}.dropdown-link small{color:var(--color-text-muted)}.dropdown-link small,.new-badge{font-size:var(--font-size-xs);margin-left:auto}.new-badge{animation:pulse 2s infinite;padding:var(--space-1) var(--space-2);font-weight:var(--font-weight-bold);color:var(--color-white);background-color:var(--color-secondary);border-radius:var(--radius-full);display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.dropdown-link.campaign{border:1px solid var(--color-primary-100);background-color:var(--color-primary-50)}.dropdown-link.campaign:hover{background-color:var(--color-primary-100)}.user-menu{position:relative}.user-dropdown{transform:translateY(-10px);border:1px solid var(--color-border);right:0;color:var(--color-text);transition:var(--transition-all);position:absolute;opacity:0;visibility:hidden;min-width:280px;top:calc(100% + var(--space-2));background-color:var(--color-bg);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);z-index:var(--z-dropdown)}.user-menu:hover .user-dropdown{transform:translateY(0);opacity:1;visibility:visible}.user-dropdown-content{padding:var(--space-4)}.user-info{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.user-profile{gap:var(--space-3);align-items:center;display:flex}.user-avatar-large{height:48px;justify-content:center;font-size:var(--font-size-lg);color:var(--color-white);background-color:var(--color-primary);align-items:center;border-radius:var(--radius-full);width:48px;display:flex}.user-details{flex:1}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);color:var(--color-text-primary)}.user-email{margin-bottom:var(--space-2);color:var(--color-text-muted)}.user-email,.user-points{font-size:var(--font-size-xs)}.user-points{color:var(--color-text-secondary);gap:var(--space-1);align-items:center;display:flex}.user-points i{color:var(--color-warning)}.dropdown-divider{height:1px;background-color:var(--color-gray-200);margin:var(--space-3) 0}.dropdown-link.primary{color:var(--color-white);background-color:var(--color-primary)}.dropdown-link.primary:hover{background-color:var(--color-primary-dark)}.benefit-item{padding:var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);gap:var(--space-2);align-items:center;display:flex}.benefit-item i{font-size:var(--font-size-sm);color:var(--color-primary)}.logout-btn{border:1px solid var(--color-error-light);color:var(--color-error);background-color:var(--color-error-light)}.logout-btn:hover{color:var(--color-white);background-color:var(--color-error)}.mobile-menu-btn{height:32px;padding:var(--space-2);border:none;transition:var(--transition-all);flex-direction:column;gap:4px;border-radius:var(--radius-base);background:none;cursor:pointer;width:32px;display:none;z-index:var(--z-fixed)}.mobile-menu-btn:hover{background-color:var(--color-gray-100)}.mobile-menu-btn:hover .menu-line{background-color:var(--color-primary)}.menu-line{height:2px;transition:var(--transition-all);background-color:var(--color-text-primary);border-radius:1px;width:100%}.mobile-menu-btn.active .menu-line:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.active .menu-line:nth-child(2){opacity:0}.mobile-menu-btn.active .menu-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-nav-body{overflow-y:auto;margin-bottom:3rem;-webkit-overflow-scrolling:touch}.mobile-nav{transform:translateY(-100%);right:0;transition:var(--transition-all);position:fixed;flex-direction:column;bottom:0;top:0;background-color:var(--color-bg);box-shadow:var(--shadow-lg);left:0;display:flex;z-index:var(--z-dropdown)}.mobile-nav.active{transform:translateY(0)}.mobile-nav-content{flex:1;padding:var(--space-4);padding-top:calc(var(--header-height) + var(--space-4));flex-direction:column;display:flex}.mobile-nav-links{flex:1;list-style:none;padding:0;margin:0}.mobile-nav-link{padding:var(--space-4);font-size:var(--font-size-base);text-decoration:none;font-weight:var(--font-weight-medium);color:var(--color-text-primary);transition:var(--transition-colors);border-bottom:1px solid var(--color-border);gap:var(--space-3);align-items:center;display:flex}.mobile-nav-link.active,.mobile-nav-link:hover{color:var(--color-primary);background-color:var(--color-primary-50)}.mobile-nav-link i{font-size:var(--font-size-lg);text-align:center;width:20px}.mobile-dropdown{position:relative}.mobile-dropdown-arrow{transition:var(--transition-transform);margin-left:auto}.mobile-dropdown.active .mobile-dropdown-arrow{transform:rotate(180deg)}.mobile-dropdown-menu{overflow:hidden;transition:var(--transition-all);max-height:0;background-color:var(--color-primary-50)}.mobile-dropdown.active .mobile-dropdown-menu{max-height:300px}.mobile-dropdown-menu a{padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);text-decoration:none;color:var(--color-text-secondary);transition:var(--transition-colors);gap:var(--space-3);align-items:center;display:flex}.mobile-dropdown-menu a:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.mobile-user-info{padding:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.mobile-auth{gap:var(--space-3);display:flex}.mobile-auth-btn{flex:1;padding:var(--space-3);justify-content:center;text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-all);gap:var(--space-2);align-items:center;border-radius:var(--radius-lg);display:flex}.mobile-auth-btn.primary{color:var(--color-white);background-color:var(--color-primary)}.mobile-auth-btn:not(.primary){border:1px solid var(--color-gray-200);color:var(--color-text-primary);background-color:var(--color-white)}.mobile-user-welcome{padding:var(--space-3);gap:var(--space-3);background-color:var(--color-primary-50);align-items:center;border-radius:var(--radius-lg);display:flex}.mobile-user-avatar{height:40px;justify-content:center;font-size:var(--font-size-lg);color:var(--color-white);background-color:var(--color-primary);align-items:center;border-radius:var(--radius-full);width:40px;display:flex}.mobile-user-details{flex:1}.mobile-user-name{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);color:var(--color-text-primary)}.mobile-user-points{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.mobile-actions{padding:var(--space-4);border-top:1px solid var(--color-gray-200);gap:var(--space-3);display:flex}.mobile-action-btn{flex:1;padding:var(--space-3);justify-content:center;border:1px solid var(--color-border);text-decoration:none;font-weight:var(--font-weight-medium);color:var(--color-text-primary);transition:var(--transition-all);position:relative;gap:var(--space-2);background-color:var(--color-white);align-items:center;border-radius:var(--radius-lg);display:flex}.mobile-action-btn:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.mobile-action-btn i{font-size:var(--font-size-lg)}.mobile-action-btn span{font-size:var(--font-size-sm)}.mobile-cart-count{height:25px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);right:-4px;color:var(--color-white);position:absolute;min-width:18px;top:-4px;background-color:var(--color-secondary);align-items:center;border-radius:var(--radius-full)}.mobile-cart-count,.search-overlay{justify-content:center;display:flex}.search-overlay{backdrop-filter:blur(4px);padding-top:var(--space-20);right:0;transition:var(--transition-all);position:fixed;opacity:0;bottom:0;visibility:hidden;top:0;background-color:rgba(0,0,0,.8);align-items:flex-start;left:0;z-index:var(--z-modal)}.search-overlay.show{opacity:1;visibility:visible}.search-container{position:relative;max-width:600px;margin:0 var(--space-4);width:100%}.search-box{overflow:hidden;background-color:var(--color-white);box-shadow:var(--shadow-2xl);border-radius:var(--radius-xl);display:flex}.search-box input{flex:1;font-size:var(--font-size-lg);outline:none}.search-box input,.search-submit{padding:var(--space-6);border:none}.search-submit{color:var(--color-white);transition:var(--transition-colors);background-color:var(--color-primary);cursor:pointer}.search-submit:hover{background-color:var(--color-primary-dark)}.search-close{height:40px;justify-content:center;border:none;right:0;color:var(--color-white);transition:var(--transition-all);position:absolute;top:-60px;background-color:hsla(0,0%,100%,.2);align-items:center;border-radius:var(--radius-full);cursor:pointer;width:40px;display:flex}.search-close:hover{background-color:hsla(0,0%,100%,.3)}.main{margin-top:var(--header-height)}.hero{overflow:hidden;min-height:600px;position:relative;background:linear-gradient(135deg,var(--color-primary-50) 0,var(--color-white) 100%)}.hero-content{padding:var(--space-16) 0;position:relative;z-index:2}.hero-content .container{grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;display:grid}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);color:var(--color-text-primary);line-height:var(--line-height-tight);font-family:var(--font-heading)}.hero-title .highlight{color:var(--color-primary);position:relative}.hero-title .highlight:after{height:8px;right:0;content:"";position:absolute;bottom:4px;background-color:var(--color-primary-100);left:0;z-index:-1}.hero-description{font-size:var(--font-size-lg);margin-bottom:var(--space-8);color:var(--color-text-secondary);max-width:500px;line-height:var(--line-height-relaxed)}.hero-actions{flex-wrap:wrap;gap:var(--space-4);display:flex}.hero-image{position:relative;text-align:center}.hero-img{height:auto;max-width:500px;box-shadow:var(--shadow-2xl);border-radius:var(--radius-3xl);width:100%}.hero-badge{padding:var(--space-4);right:var(--space-6);position:absolute;min-width:120px;text-align:center;top:var(--space-6);background-color:var(--color-white);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl)}.hero-badge i{font-size:var(--font-size-lg);margin-bottom:var(--space-2);color:var(--color-warning)}.hero-badge span{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:block}.hero-badge small{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1);display:block}.hero-decoration{pointer-events:none;right:0;position:absolute;bottom:0;top:0;left:0;z-index:1}.decoration-circle{position:absolute;border-radius:50%;background:linear-gradient(45deg,var(--color-primary-100),transparent)}.circle-1{animation:float 6s ease-in-out infinite;height:200px;right:-50px;top:10%;width:200px}.circle-2{animation:float 8s ease-in-out infinite reverse;height:150px;bottom:20%;left:-75px;width:150px}.circle-3{animation:float 10s ease-in-out infinite;height:100px;right:20%;top:60%;width:100px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.featured-categories{padding:var(--space-24) 0;background-color:var(--color-bg-secondary)}.section-header{margin-bottom:var(--space-16);text-align:center}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);color:var(--color-text-primary);font-family:var(--font-heading)}.section-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);display:grid}.category-card{overflow:hidden;transition:var(--transition-all);background-color:var(--color-white);box-shadow:var(--shadow-sm);border-radius:var(--radius-2xl);cursor:pointer}.category-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.category-image{height:200px;overflow:hidden;position:relative}.category-image img{height:100%;transition:var(--transition-transform);object-fit:cover;width:100%}.category-card:hover .category-image img{transform:scale(1.1)}.category-overlay{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);right:var(--space-4);color:var(--color-white);position:absolute;top:var(--space-4);background-color:rgba(0,0,0,.7);border-radius:var(--radius-full)}.category-content{padding:var(--space-6)}.category-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-text-primary);font-family:var(--font-heading)}.category-description{margin-bottom:var(--space-4);color:var(--color-text-secondary)}.category-link{text-decoration:none;font-weight:var(--font-weight-medium);color:var(--color-primary);transition:var(--transition-colors);gap:var(--space-2);align-items:center;display:inline-flex}.category-link:hover{color:var(--color-primary-dark)}.category-link i{transition:var(--transition-transform)}.category-link:hover i{transform:translateX(4px)}.about-preview{padding:var(--space-24) 0}.about-content{grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;display:grid}.about-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);color:var(--color-text-primary);font-family:var(--font-heading)}.about-description{font-size:var(--font-size-lg);margin-bottom:var(--space-8);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.about-features{flex-wrap:wrap;margin-bottom:var(--space-8);gap:var(--space-6);display:flex}.feature{padding:var(--space-3) var(--space-4);gap:var(--space-3);background-color:var(--color-primary-50);align-items:center;border-radius:var(--radius-lg);display:flex}.feature i{font-size:var(--font-size-lg);color:var(--color-primary)}.feature span{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.about-image{position:relative}.about-image img{box-shadow:var(--shadow-lg);border-radius:var(--radius-2xl);width:100%}.about-stats{position:absolute;bottom:var(--space-6);gap:var(--space-4);left:var(--space-6);display:flex}.stat{padding:var(--space-4);min-width:100px;text-align:center;background-color:var(--color-white);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}.stat strong{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);display:block}.stat span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.qr-menu{padding:var(--space-24) 0;color:var(--color-white);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)}.qr-content{grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;display:grid}.qr-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);font-family:var(--font-heading)}.qr-description{font-size:var(--font-size-lg);margin-bottom:var(--space-8);opacity:.9;line-height:var(--line-height-relaxed)}.qr-features{flex-direction:column}.qr-feature,.qr-features{gap:var(--space-4);display:flex}.qr-feature{backdrop-filter:blur(10px);padding:var(--space-4);background-color:hsla(0,0%,100%,.1);align-items:center;border-radius:var(--radius-lg)}.qr-feature i{height:24px;justify-content:center;font-size:var(--font-size-sm);color:var(--color-primary);background-color:var(--color-white);align-items:center;border-radius:var(--radius-full);width:24px;display:flex}.qr-code-container{text-align:center}.qr-code{padding:var(--space-8);margin-bottom:var(--space-8);background-color:var(--color-white);box-shadow:var(--shadow-2xl);border-radius:var(--radius-2xl);display:inline-block}.qr-code img{height:200px;margin-bottom:var(--space-4);width:200px}.qr-code p{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.qr-actions{flex-direction:column;gap:var(--space-4);align-items:center;display:flex}.contact-info{padding:var(--space-24) 0;background-color:var(--color-bg-secondary)}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);display:grid}.contact-card{padding:var(--space-8);transition:var(--transition-all);text-align:center;background-color:var(--color-white);box-shadow:var(--shadow-sm);border-radius:var(--radius-xl)}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.contact-icon{height:60px;justify-content:center;font-size:var(--font-size-xl);color:var(--color-primary);background-color:var(--color-primary-100);margin:0 auto var(--space-6);align-items:center;border-radius:var(--radius-full);width:60px;display:flex}.contact-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-text-primary);font-family:var(--font-heading)}.contact-content p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.contact-content a{text-decoration:none;color:var(--color-primary);transition:var(--transition-colors)}.contact-content a:hover{text-decoration:underline;color:var(--color-primary-dark)}.footer{padding:var(--space-20) 0 var(--space-8);color:var(--color-text-white);color:var(--color-text);background-color:var(--color-bg-dark);background:var(--color-bg)}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-16);gap:var(--space-12);display:grid}.footer-section h3,.footer-section h4{margin-bottom:var(--space-6)}.footer-logo{margin-bottom:var(--space-4);gap:var(--space-3);align-items:center;display:flex}.footer-logo img{height:40px}.footer-logo h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0;font-family:var(--font-heading)}.footer-description{margin-bottom:var(--space-6);color:var(--color-gray-400);line-height:var(--line-height-relaxed)}.social-links{gap:var(--space-3);display:flex}.social-link{height:40px;justify-content:center;text-decoration:none;color:var(--color-white);transition:var(--transition-all);background-color:var(--color-gray-700);align-items:center;border-radius:var(--radius-full);width:40px;display:flex}.social-link:hover{transform:translateY(-2px);background-color:var(--color-primary)}.footer-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-6);color:var(--color-white);color:var(--color-primary)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-3)}.footer-links a{text-decoration:none;color:var(--color-gray-400);transition:var(--transition-colors)}.footer-links a:hover{color:var(--color-white)}.contact-item{margin-bottom:var(--space-4);color:var(--color-gray-400);gap:var(--space-3);align-items:flex-start;display:flex}.contact-item i{color:var(--color-primary);margin-top:2px}.footer-bottom{padding-top:var(--space-8)}.footer-bottom-content{justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);align-items:center;display:flex}.footer-bottom-links{gap:var(--space-6);display:flex}.footer-bottom-links a{font-size:var(--font-size-sm);text-decoration:none;color:var(--color-gray-400);transition:var(--transition-colors)}.footer-bottom-links a:hover{color:var(--color-white)}.cookie-notice{transform:translateY(100%);padding:var(--space-6);right:0;transition:var(--transition-all);position:fixed;border-top:1px solid var(--color-gray-200);bottom:0;background-color:var(--color-white);box-shadow:var(--shadow-lg);left:0;z-index:var(--z-toast)}.cookie-notice.show{transform:translateY(0)}.cookie-content{max-width:var(--container-xl);gap:var(--space-6);margin:0 auto;align-items:center;display:flex}.cookie-text{flex:1}.cookie-text p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.cookie-text a{text-decoration:none;color:var(--color-primary)}.cookie-text a:hover{text-decoration:underline}.cookie-actions{gap:var(--space-3);display:flex}.dark-mode{color:var(--color-text-primary)!important;background-color:var(--color-bg-primary)!important}.dark-mode .header,.dark-mode .modern-header{border-bottom:1px solid var(--color-gray-800)!important;background-color:var(--header-bg)!important;box-shadow:0 2px 10px rgba(0,0,0,.4)!important}.dark-mode .header-content,.dark-mode .modern-header .header-content{color:var(--color-text-primary)!important}.dark-mode .nav-link,.dark-mode .nav-link i,.dark-mode .nav-link span{color:var(--nav-link-color)!important}.dark-mode .nav-link.active,.dark-mode .nav-link:hover{color:var(--nav-link-hover)!important;background-color:var(--color-bg-secondary)!important}.dark-mode .dropdown-menu,.dark-mode .user-dropdown{border:1px solid var(--dropdown-border)!important;color:var(--dropdown-link-color)!important;background-color:var(--dropdown-bg)!important}.dark-mode .dropdown-link,.dark-mode .dropdown-link i,.dark-mode .dropdown-link span{color:var(--dropdown-link-color)!important}.dark-mode .dropdown-link:hover{color:var(--dropdown-link-hover-color)!important;background-color:var(--dropdown-link-hover-bg)!important}.dark-mode .brand-name,.dark-mode .brand-tagline{color:var(--color-text-primary)!important}.dark-mode .header-actions .action-btn,.dark-mode .user-btn{border-color:var(--color-gray-700)!important;color:var(--color-text-primary)!important;background-color:var(--color-bg-secondary)!important}.dark-mode .action-btn:hover,.dark-mode .user-btn:hover{color:var(--color-primary)!important;background-color:var(--color-bg-muted)!important}.dark-mode .cart-count{color:var(--color-white)!important;background-color:var(--color-secondary)!important}.dark-mode .about-preview,.dark-mode .contact-info,.dark-mode .cta-section,.dark-mode .faq-section,.dark-mode .featured-categories,.dark-mode .gallery,.dark-mode .main,.dark-mode .qr-menu,.dark-mode .section-header,.dark-mode .stats-grid,.dark-mode main,.dark-mode section{color:var(--color-text-primary)!important;background:var(--color-bg-primary)!important}.dark-mode .category-card,.dark-mode .contact-card,.dark-mode .faq-item,.dark-mode .gallery-item,.dark-mode .stat-card{border-color:var(--card-border)!important;color:var(--color-text-primary)!important;background:var(--card-bg)!important}.dark-mode .cta-title,.dark-mode .section-title{color:var(--color-text-primary)!important}.dark-mode .cta-description,.dark-mode .section-description{color:var(--color-text-secondary)!important}.dark-mode .gallery-overlay{color:var(--color-white)!important;background-color:rgba(0,0,0,.7)!important}.dark-mode .footer{color:var(--color-text)!important;background:var(--color-bg)!important}.dark-mode .footer a{color:var(--color-primary)!important}.hero,.hero-restaurant{margin-top:var(--header-height)}.hero-restaurant{background:linear-gradient(135deg,var(--color-bg-alt),var(--color-bg))}.hero-badge-restaurant,.stat-number{color:var(--color-primary)}.category-card-restaurant,.faq-item,.team-member,.value-card{border:1px solid var(--color-border);color:var(--color-text-primary);background:var(--color-white)}.category-title-restaurant,.member-name,.value-title{color:var(--color-text-primary)}.category-description-restaurant,.member-description,.member-role,.value-description{color:var(--color-text-secondary)}.cart-item,.menu-card,.menu-category,.menu-header,.menu-section,.product-card{border:1px solid var(--color-border);color:var(--color-text-primary);background:var(--color-white)}.menu-card .product-title,.menu-header .menu-title,.product-card .product-title{color:var(--color-text-primary)}.menu-card .product-price,.product-card .product-price{color:var(--color-primary)}.menu-badge,.product-badge{color:var(--color-white);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.menu-category .category-title{color:var(--color-primary)}.menu-category .category-description{color:var(--color-text-secondary)}.menu-section{background:var(--color-bg-alt)}.add-to-cart-btn,.menu-btn{border-color:var(--color-primary);color:var(--color-white);background:var(--color-primary)}.add-to-cart-btn:hover,.menu-btn:hover{color:var(--color-white);background:var(--color-primary-dark)}.menu-modal,.product-modal{color:var(--color-text-primary);background:var(--color-white)}.menu-modal-close,.menu-modal-header,.product-modal-close,.product-modal-header{color:var(--color-black)}.menu-modal-close:hover,.product-modal-close:hover{background:var(--color-primary)}.menu-modal-price,.product-modal-price{color:var(--color-primary)}.menu-modal-old-price,.product-modal-old-price{color:var(--color-text-secondary)}.menu-modal-info,.product-modal-info{scrollbar-color:var(--color-primary) var(--color-bg-alt)}.menu-modal-info::-webkit-scrollbar-thumb,.product-modal-info::-webkit-scrollbar-thumb{background:var(--color-primary)}.menu-modal-info::-webkit-scrollbar-track,.product-modal-info::-webkit-scrollbar-track{background:var(--color-bg-alt)}.menu-rating-stars,.product-rating-stars{color:#ffc107}.menu-modal-description,.product-modal-description{color:var(--color-text-secondary)}.menu-modal-option-title,.product-modal-option-title{color:var(--color-text-primary)}.menu-modal-option-group,.product-modal-option-group{background:var(--color-bg-alt)}.menu-modal-option-label,.product-modal-option-label{color:var(--color-text-primary)}.menu-modal-option-label.selected,.product-modal-option-label.selected{color:var(--color-white);background:var(--color-primary)}a[title=YepPos]{font-weight:700!important;color:#fff!important}@media (max-width:480px){.header-content{min-height:60px;padding:0 .75rem}.modern-header .header-content{height:28px!important;min-height:28px!important}.logo-icon{font-size:1.5rem;margin-right:.5rem}.brand-name{font-size:1.1rem;line-height:1.1}.header-actions{gap:.25rem}.action-btn{height:40px;padding:.5rem;width:40px}.cart-btn{height:40px;padding:.5rem .75rem;font-size:.8rem;min-width:70px;border-radius:20px}.cart-count{height:18px;padding:.125rem .375rem;font-size:.65rem;min-width:18px;line-height:1}.user-btn{height:40px;padding:.5rem .75rem;border-radius:20px}.mobile-nav{top:60px}.mobile-menu-btn{min-height:40px;padding:.5rem;min-width:40px}}@media (max-width:575px){.hero-title{font-size:var(--font-size-2xl)}.hero-badge{position:static;margin-top:var(--space-6);display:inline-block}.btn-large,.btn-xl{min-height:var(--btn-height-base);padding:0 var(--space-6);font-size:var(--font-size-sm)}.search-container{margin:0 var(--space-2)}.search-box input,.search-submit{padding:var(--space-4)}}@media (max-width:600px){.toast-container{transform:translateX(-50%);padding:0;right:auto;max-width:90vw;bottom:1.5rem;min-width:unset;top:auto;align-items:center;left:50%;width:90vw}.toast{transform:translateY(100%);padding:1rem;font-size:.9rem;max-width:100%;min-width:0;box-sizing:border-box;border-radius:10px;width:100%}.toast.show{transform:translateY(0)}@keyframes toastSlideIn{0%{transform:translateY(100%) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes toastSlideOut{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(100%) scale(.95);opacity:0}}.color-palette-switcher{transform:none;right:1.2rem;flex-direction:row;bottom:1.5rem;top:auto;align-items:flex-end;left:auto;display:none}.palette-toggle-btn{padding:.7rem 1.1rem;font-size:1.2rem;margin-right:.5rem;margin-bottom:0;border-radius:12px 12px 0 0}.palette-options{padding:.7rem .7rem .2rem;margin-right:0;margin-bottom:.5rem;flex-direction:row;gap:.7rem;align-items:flex-end;border-radius:12px 12px 0 0}}@media (max-width:768px){.d-md-none{display:none!important}.d-mobile-block{display:block!important}.d-mobile-flex{display:flex!important}.quantity-control{align-self:center}.cart-feedback{max-width:90vw;text-align:center}.dropdown-menu{min-width:180px}.hero{min-height:500px}.hero-content{padding:var(--space-12) 0}.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-base)}.hero-actions{justify-content:center}.about-title,.qr-title,.section-title{font-size:var(--font-size-3xl)}.about-preview,.contact-info,.featured-categories,.qr-menu{padding:var(--space-16) 0}.section-header{margin-bottom:var(--space-12)}.categories-grid,.contact-grid{grid-template-columns:1fr}.contact-grid{gap:var(--space-6)}.qr-actions{flex-direction:column}.about-features,.about-stats{justify-content:center}.about-stats{position:static;margin-top:var(--space-6)}.header-nav{display:none}.mobile-menu-btn{display:flex}.brand-tagline,.cart-total,.user-name-display{display:none}.user-menu{display:none!important}.header-content{min-height:70px;padding:0 1rem}.modern-header .header-content{height:30px!important;min-height:30px!important}.logo-icon{font-size:1.75rem;margin-right:.5rem}.brand-name{font-size:1.25rem;line-height:1.2}.header-actions{gap:.5rem}.action-btn{height:44px;padding:.625rem;width:44px}.cart-btn{padding:.5rem 1rem;min-width:80px}.cart-btn,.user-btn{height:44px;border-radius:22px}.user-btn{padding:.5rem .75rem}.mobile-nav{top:70px}.mobile-menu-btn{min-height:44px;padding:.5rem;min-width:44px}.modal{max-width:none;margin:var(--space-4);width:95vw}.modal .form-row{grid-template-columns:1fr;gap:var(--space-1)}.modal-body,.modal-header{padding:var(--space-4)}.modal .form-actions{padding-top:var(--space-3);margin-top:var(--space-4)}}@media (max-width:991px){.header-nav{display:none}.modern-header{height:50px!important}.modern-header .header-content{height:50px!important;min-height:50px!important}.mobile-menu-btn{display:flex}.hero-content .container{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.hero-title{font-size:var(--font-size-4xl)}.about-content,.qr-content{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8)}.cookie-content,.footer-bottom-content{flex-direction:column;text-align:center}.cookie-content{gap:var(--space-4)}}@media (min-width:576px){.container{max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:var(--container-md)}.d-mobile-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}}@media (min-width:769px){.mobile-nav{display:none!important}}@media (min-width:992px){.container{max-width:var(--container-lg)}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}}@media (min-width:1200px){.container{max-width:var(--container-xl)}}@media (min-width:1400px){.container{max-width:var(--container-2xl)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;animation-duration:.01ms!important}}