*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-surface-fg);background-color:var(--color-surface-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-serif);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-surface-fg);margin-top:0}a{color:var(--color-brand-primary);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:var(--focus-ring-width) solid var(--color-brand-primary);outline-offset:2px}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-nav{position:absolute;top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-brand-primary);color:#fff;z-index:999;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:top var(--duration-fast) var(--easing-out)}.skip-nav:focus{top:var(--space-4)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}@media (min-width: 768px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}.site-header{position:sticky;top:0;z-index:100;background-color:var(--color-card-bg);border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.site-header__brand{font-family:var(--font-family-serif);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-brand-primary);text-decoration:none}.site-header__brand:hover{text-decoration:none;color:var(--color-brand-secondary)}.site-header__nav{display:flex;gap:var(--space-6);align-items:center}.site-header__nav a{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-surface-fg);text-decoration:none}.site-header__nav a:hover{color:var(--color-brand-primary);text-decoration:none}.site-header__actions{display:flex;align-items:center;gap:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-out),color var(--duration-fast) var(--easing-out);min-height:var(--min-touch-target);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-surface-fg);text-decoration:none;color:#fff}.btn-secondary{background-color:transparent;color:var(--color-brand-primary);border:2px solid var(--color-brand-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-brand-primary);color:#fff;text-decoration:none}.btn-ghost{background-color:transparent;color:var(--color-surface-fg);border:1px solid var(--color-border)}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-muted-bg);text-decoration:none}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-surface-fg)}.form-input{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card-bg);color:var(--color-surface-fg);min-height:var(--min-touch-target);width:100%}.form-input:focus{outline:var(--focus-ring-width) solid var(--color-brand-primary);outline-offset:0;border-color:var(--color-brand-primary)}.form-input[aria-invalid=true]{border-color:var(--color-semantic-error)}.form-error{font-size:var(--font-size-sm);color:var(--color-semantic-error)}.card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.product-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--duration-normal) var(--easing-out);text-decoration:none;color:inherit;display:block}.product-card:hover{box-shadow:0 4px 16px #8b5e3c26;text-decoration:none}.product-card__image{width:100%;aspect-ratio:4/3;object-fit:cover;background-color:var(--color-surface-muted-bg)}.product-card__body{padding:var(--space-4)}.product-card__name{font-family:var(--font-family-serif);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-surface-fg);margin:0 0 var(--space-1)}.product-card__price{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-brand-primary);margin:0}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 768px){.product-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}.site-footer{background-color:var(--color-surface-fg);color:#f5f0ea;padding:var(--space-12) 0 var(--space-8);margin-top:var(--space-16)}.site-footer a{color:var(--color-brand-accent)}.site-footer a:hover{color:#fff}.page-title{font-family:var(--font-family-serif);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-surface-fg);margin:var(--space-8) 0 var(--space-6)}@media (min-width: 768px){.page-title{font-size:var(--font-size-4xl)}}.cart-page,.checkout-page,.order-page{padding:var(--space-8) 0}.admin-header{background-color:var(--color-surface-fg);color:#f5f0ea;padding:var(--space-4) 0}.admin-header a{color:var(--color-brand-accent)}.error-page{text-align:center;padding:var(--space-16) var(--space-4)}.empty-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--color-surface-muted-fg)}.status-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-badge--paid{background-color:#d1fae5;color:#065f46}.status-badge--pending{background-color:#fef3c7;color:#92400e}.status-badge--cancelled{background-color:#fee2e2;color:#991b1b}.minicart-trigger{min-width:var(--min-touch-target);min-height:var(--min-touch-target);display:inline-flex;align-items:center;justify-content:center;position:relative;background:none;border:none;padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-surface-fg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.minicart-trigger:hover{background-color:var(--color-surface-muted-bg)}