:root{--color-black:#0a0a0a;--color-grey-950:#111;--color-grey-900:#1a1a1a;--color-grey-800:#2d2d2d;--color-grey-700:#404040;--color-grey-600:#585858;--color-grey-500:#737373;--color-grey-400:#9a9a9a;--color-grey-300:silver;--color-grey-200:#e0e0e0;--color-grey-100:#f0f0f0;--color-grey-50:#f8f8f8;--color-white:#fff;--color-accent:#d97706;--color-accent-light:#fbbf24;--color-accent-dark:#b45309;--color-accent-subtle:#fffbeb;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-info:#2563eb;--color-info-bg:#eff6ff;--surface-primary:var(--color-white);--surface-secondary:var(--color-grey-50);--surface-tertiary:var(--color-grey-100);--surface-inverse:var(--color-grey-950);--text-primary:var(--color-grey-950);--text-secondary:var(--color-grey-600);--text-muted:var(--color-grey-400);--text-on-dark:var(--color-white);--text-on-accent:var(--color-white);--border-colour:var(--color-grey-200);--border-colour-dark:var(--color-grey-300);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--container-max:1200px;--container-wide:1400px;--header-height:64px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--surface-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{width:100%;max-width:var(--container-max);padding-inline:var(--space-4);margin-inline:auto}@media (width>=640px){.container{padding-inline:var(--space-6)}}@media (width>=1024px){.container{padding-inline:var(--space-8)}}.container--wide{max-width:var(--container-wide)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);-webkit-user-select:none;user-select:none;cursor:pointer;border:1.5px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.btn--primary{background-color:var(--color-grey-950);border-color:var(--color-grey-950);color:var(--color-white)}.btn--primary:hover{background-color:var(--color-grey-800);border-color:var(--color-grey-800)}.btn--accent{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.btn--accent:hover{background-color:var(--color-accent-dark);border-color:var(--color-accent-dark)}.btn--secondary{border-color:var(--border-colour-dark);color:var(--text-primary);background-color:#0000}.btn--secondary:hover{background-color:var(--surface-secondary);border-color:var(--color-grey-400)}.btn--ghost{color:var(--text-secondary);background-color:#0000;border-color:#0000}.btn--ghost:hover{background-color:var(--surface-secondary);color:var(--text-primary)}.btn--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-white)}.btn--danger:hover{background-color:#b91c1c}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.btn--full{width:100%}.btn--icon{padding:var(--space-2);aspect-ratio:1;border-radius:var(--radius-md)}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-label--required:after{content:" *";color:var(--color-danger)}.form-control{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--surface-primary);border:1.5px solid var(--border-colour);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-control:focus{border-color:var(--color-grey-800);outline:none;box-shadow:0 0 0 3px #0a0a0a14}.form-control::placeholder{color:var(--text-muted)}.form-control--error{border-color:var(--color-danger)}.form-control--error:focus{box-shadow:0 0 0 3px #dc26261a}.form-error{font-size:var(--font-size-xs);color:var(--color-danger)}.form-hint{font-size:var(--font-size-xs);color:var(--text-muted)}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23585858' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.card{background-color:var(--surface-primary);border:1px solid var(--border-colour);border-radius:var(--radius-lg);overflow:hidden}.card--hover{transition:box-shadow var(--transition-base), transform var(--transition-base)}.card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;line-height:1.4;display:inline-flex}.badge--neutral{background-color:var(--surface-tertiary);color:var(--text-secondary)}.badge--success{background-color:var(--color-success-bg);color:var(--color-success)}.badge--warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge--danger{background-color:var(--color-danger-bg);color:var(--color-danger)}.badge--info{background-color:var(--color-info-bg);color:var(--color-info)}.badge--dark{background-color:var(--color-grey-950);color:var(--color-white)}.divider{border:none;border-top:1px solid var(--border-colour)}.section{padding-block:var(--space-16)}.section--sm{padding-block:var(--space-10)}.section--lg{padding-block:var(--space-24)}.grid{gap:var(--space-6);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--products{grid-template-columns:repeat(2,1fr)}@media (width>=640px){.grid--products{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.grid--products{grid-template-columns:repeat(4,1fr)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background-color:var(--color-grey-200);border-radius:var(--radius-md);animation:1.5s ease-in-out infinite skeleton-pulse}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);max-width:380px;width:calc(100% - var(--space-8));flex-direction:column;display:flex;position:fixed}@media (width<=640px){.toast-container{bottom:var(--space-4);right:var(--space-4);left:var(--space-4)}}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-grey-950);color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:toast-in var(--transition-slow) ease;display:flex}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast--success{background-color:var(--color-success)}.toast--warning{background-color:var(--color-warning)}.toast--danger{background-color:var(--color-danger)}.toast--info{background-color:var(--color-info)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-secondary)}::-webkit-scrollbar-thumb{background:var(--color-grey-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-grey-400)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--color-accent)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.hidden{display:none}.header{z-index:var(--z-sticky);background-color:var(--color-white);border-bottom:1px solid var(--border-colour);height:var(--header-height);position:sticky;top:0}.header__inner{align-items:center;gap:var(--space-4);height:100%;display:flex}.header__logo{align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.03em;flex-shrink:0;text-decoration:none;display:flex}.header__logo-img{object-fit:contain;width:auto;height:44px;display:block}.header__logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.header__nav{align-items:center;gap:var(--space-1);flex:1;display:none}@media (width>=768px){.header__nav{display:flex}}.header__nav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:color var(--transition-fast), background-color var(--transition-fast);white-space:nowrap;text-decoration:none}.header__nav-link:hover,.header__nav-link--active{color:var(--text-primary);background-color:var(--surface-secondary)}.header__search{flex:1;max-width:320px;display:none}@media (width>=1024px){.header__search{display:block}}.header__search-form{background-color:var(--surface-secondary);border:1.5px solid var(--border-colour);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:0;display:flex;overflow:hidden}.header__search-form:focus-within{border-color:var(--color-grey-800);box-shadow:0 0 0 3px #0a0a0a0f}.header__search-input{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.header__search-input::placeholder{color:var(--text-muted)}.header__search-btn{padding:var(--space-2) var(--space-3);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;display:flex}.header__search-btn:hover{color:var(--text-primary)}.header__actions{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.header__action-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);transition:color var(--transition-fast), background-color var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.header__action-btn:hover{color:var(--text-primary);background-color:var(--surface-secondary)}.header__cart-badge{background-color:var(--color-accent);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 4px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.header__menu-toggle{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}@media (width>=768px){.header__menu-toggle{display:none}}.footer{background-color:var(--color-grey-950);color:var(--text-on-dark);padding-top:var(--space-16);padding-bottom:var(--space-8)}.footer__grid{gap:var(--space-10);grid-template-columns:1fr;display:grid}@media (width>=640px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer__brand-logo{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.footer__brand-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white)}.footer__brand-desc{font-size:var(--font-size-sm);color:var(--color-grey-400);line-height:var(--line-height-relaxed);max-width:280px}.footer__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.footer__links{gap:var(--space-2);flex-direction:column;display:flex}.footer__link{font-size:var(--font-size-sm);color:var(--color-grey-400);transition:color var(--transition-fast);text-decoration:none}.footer__link:hover{color:var(--color-white)}.footer__divider{border-color:var(--color-grey-800);margin-block:var(--space-8)}.footer__bottom{gap:var(--space-4);flex-direction:column;align-items:flex-start;display:flex}@media (width>=640px){.footer__bottom{flex-direction:row;justify-content:space-between;align-items:center}}.footer__copyright{font-size:var(--font-size-xs);color:var(--color-grey-500)}.mobile-nav-overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in var(--transition-base) ease;background-color:#00000080;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mobile-nav{background-color:var(--surface-primary);width:min(300px,85vw);z-index:var(--z-modal);animation:slide-in-left var(--transition-slow) ease;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-nav__header{padding:var(--space-4);border-bottom:1px solid var(--border-colour);justify-content:space-between;align-items:center;display:flex}.mobile-nav__links{padding:var(--space-4);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.mobile-nav__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:background-color var(--transition-fast);text-decoration:none;display:flex}.mobile-nav__link:hover,.mobile-nav__link--active{background-color:var(--surface-secondary)}.mobile-nav__search{padding:var(--space-4);border-top:1px solid var(--border-colour)}@media (width<=768px){.admin-sidebar{transition:transform var(--transition-base);top:0;bottom:0;left:0;transform:translate(-100%);position:fixed!important}.admin-sidebar.admin-sidebar--open{transform:translate(0)}.admin-sidebar__close{display:block!important}.admin-header__menu-btn{display:inline-flex!important}}