@layer theme, base, components, responsive;@layer theme{:root{color-scheme:light;--color-bg:#f6f1ea;--color-bg-start:#fffaf4;--color-surface:#ffffff;--color-surface-soft:#f8f3ed;--color-surface-muted:#f3ece4;--color-text:#1f1a17;--color-text-muted:#6c635c;--color-primary:#8f3d2b;--color-border:#e7ddd3;--color-on-primary:#ffffff;--shadow-elevated:0 18px 50px rgba(50,29,18,0.08);--radius-sm:0.75rem;--radius-md:1rem;--radius-pill:999px;--space-2xs:0.35rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.25rem;--space-xl:1.5rem;--space-2xl:3rem;--font-sans:Arial,Helvetica,sans-serif;--content-width:min(1120px,calc(100% - 2rem));--page-background:linear-gradient(180deg,var(--color-bg-start) 0%,var(--color-bg) 100%)}}@layer base{*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--page-background);color:var(--color-text);font-family:var(--font-sans)}body{min-height:100vh}a{color:inherit}button,select{font:inherit}img{max-width:100%;display:block}}@layer components{.app-shell{width:var(--content-width);margin:0 auto;padding:var(--space-xl) 0 var(--space-2xl)}.hero,.page-header,.panel,.product-card,.site-footer,.site-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated)}.site-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-md);padding:1.25rem var(--space-xl);margin-bottom:var(--space-xl)}.brand-link{font-size:1.4rem;font-weight:700;text-decoration:none}.site-nav{display:flex;gap:var(--space-md);flex-wrap:wrap}.site-nav a{text-decoration:none;color:var(--color-primary);font-weight:700}.site-footer{margin-top:var(--space-xl);padding:var(--space-md) var(--space-xl);color:var(--color-text-muted)}.page-stack{display:grid;grid-gap:var(--space-xl);gap:var(--space-xl)}.hero,.page-header{padding:var(--space-xl)}.hero h1,.page-header h1,.product-detail h1{margin-top:var(--space-2xs);margin-bottom:var(--space-sm)}.eyebrow{margin:0;color:var(--color-primary);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-md)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.product-card{overflow:hidden}.product-card__body{padding:var(--space-md) 1.1rem 1.25rem}.product-card__price,.product-detail__price{color:var(--color-primary);font-weight:700}.product-card__image,.product-detail__image{width:100%;height:auto;background:var(--color-surface-muted)}.button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);padding:.75rem 1.15rem;text-decoration:none;font-weight:700;cursor:pointer}.button:disabled{opacity:.55;cursor:not-allowed}.button--secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-border)}.product-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-gap:var(--space-xl);gap:var(--space-xl)}.product-detail__content{display:grid;grid-gap:var(--space-md);gap:var(--space-md);align-content:start}.variant-list{margin:0;padding-left:1.15rem;color:var(--color-text-muted)}.purchase-form{display:grid;grid-gap:.85rem;gap:.85rem;padding-top:var(--space-xs)}.field{display:grid;grid-gap:var(--space-2xs);gap:var(--space-2xs)}.field select{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem;background:var(--color-surface)}.purchase-form__note{margin:0;color:var(--color-text-muted);font-size:.92rem}.panel{padding:var(--space-md) 1.25rem}.code-block{overflow-x:auto;background:var(--color-surface-soft);padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-border)}}@layer responsive{@media (max-width:800px){.product-detail,.section-heading,.site-header{grid-template-columns:1fr;display:grid;align-items:flex-start}.site-header{align-items:flex-start}}}