:root{--color-ink: #1B1F23;--color-paper: #FAF8F5;--color-amber: #C4622D;--color-amber-dark: #A14E22;--color-sage: #7C8B7A;--color-clay: #E8DDD3;--color-clay-dark: #D8C9BA;--color-white: #FFFFFF;--color-error: #B3261E;--font-display: "Fraunces", "Georgia", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--max-width: 1200px;--radius-sm: 2px;--radius-md: 4px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-paper);color:var(--color-ink);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:1rem}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;line-height:1.1}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.site-header{background:var(--color-ink);color:var(--color-paper);position:sticky;top:0;z-index:50}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);max-width:var(--max-width);margin:0 auto}.brand{font-family:var(--font-display);font-size:1.4rem;font-weight:600;font-style:italic;letter-spacing:.01em;display:flex;align-items:center;gap:var(--space-3)}.brand-logo-placeholder{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-sm);border:1.5px dashed var(--color-amber);background:#c4622d14;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-style:normal;font-weight:700;font-size:.7rem;letter-spacing:0;color:var(--color-amber);text-transform:uppercase}.brand-mark{color:var(--color-amber);font-style:normal}.nav-links{display:flex;gap:var(--space-8);list-style:none;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.nav-links a{position:relative;padding-bottom:var(--space-1);transition:color .15s ease}.nav-links a:hover,.nav-links a.active{color:var(--color-amber)}.nav-links a.active:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:var(--color-amber)}.nav-toggle{display:none;background:none;border:none;color:var(--color-paper);font-size:1.5rem}@media (max-width: 768px){.nav-links{display:none}.nav-toggle{display:block}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--color-ink);padding:var(--space-6);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);border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.03em;transition:transform .12s ease,background .15s ease}.btn-primary{background:var(--color-amber);color:var(--color-white)}.btn-primary:hover{background:var(--color-amber-dark);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-ink);border:1.5px solid var(--color-ink)}.btn-secondary:hover{background:var(--color-ink);color:var(--color-paper)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.hero{background:var(--color-ink);color:var(--color-paper);padding:var(--space-16) var(--space-6);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:-10%;top:-20%;width:500px;height:500px;background:radial-gradient(circle,var(--color-amber) 0%,transparent 70%);opacity:.25}.hero-inner{max-width:var(--max-width);margin:0 auto;position:relative;z-index:1}.hero-eyebrow{font-family:var(--font-mono);font-size:.85rem;color:var(--color-amber);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);max-width:800px;margin-bottom:var(--space-6)}.hero p{font-size:1.15rem;max-width:560px;opacity:.85;margin-bottom:var(--space-8)}.hero-actions{display:flex;gap:var(--space-4)}.category-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);padding:var(--space-12) var(--space-6);max-width:var(--max-width);margin:0 auto}.category-tile{background:var(--color-clay);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);transition:background .15s ease,transform .15s ease}.category-tile:hover{background:var(--color-clay-dark);transform:translateY(-2px)}.category-tile-label{font-family:var(--font-mono);font-size:.75rem;color:var(--color-sage);text-transform:uppercase;letter-spacing:.08em}.category-tile-name{font-family:var(--font-display);font-size:1.4rem;font-weight:700}.page-header{padding:var(--space-8) var(--space-6) var(--space-4);max-width:var(--max-width);margin:0 auto;border-bottom:1px solid var(--color-clay)}.page-header h1{font-size:2.25rem}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);max-width:var(--max-width);margin:0 auto;font-family:var(--font-mono)}.toolbar-group{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.toolbar label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-sage)}.toolbar select,.toolbar input[type=search]{border:1.5px solid var(--color-ink);background:var(--color-white);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.9rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-6);padding:var(--space-6);max-width:var(--max-width);margin:0 auto}.product-card{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #1b1f232e}.product-card-image{aspect-ratio:1;background:var(--color-clay);overflow:hidden;position:relative}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-sage);font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase}.product-card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1;border-top:2px dashed var(--color-clay-dark);position:relative}.product-card-body:before{content:"";position:absolute;top:-7px;left:var(--space-4);width:12px;height:12px;background:var(--color-paper);border-radius:50%;border:2px dashed var(--color-clay-dark)}.product-card-category{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-sage)}.product-card-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.product-card-price{font-family:var(--font-mono);font-size:1.1rem;font-weight:600;color:var(--color-amber-dark);margin-top:auto}.product-card-link{display:block}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-sage);font-family:var(--font-mono)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8) 0;font-family:var(--font-mono)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);padding:var(--space-8) var(--space-6);max-width:var(--max-width);margin:0 auto}@media (max-width: 768px){.product-detail{grid-template-columns:1fr}}.product-detail-image{background:var(--color-clay);border-radius:var(--radius-md);aspect-ratio:1;overflow:hidden}.product-detail-image img{width:100%;height:100%;object-fit:cover}.product-detail-category{font-family:var(--font-mono);color:var(--color-sage);text-transform:uppercase;font-size:.85rem;letter-spacing:.06em;margin-bottom:var(--space-2)}.product-detail h1{font-size:2.25rem;margin-bottom:var(--space-4)}.product-detail-price{font-family:var(--font-mono);font-size:1.75rem;color:var(--color-amber-dark);font-weight:700;margin-bottom:var(--space-4)}.product-detail-stock{display:inline-block;font-family:var(--font-mono);font-size:.8rem;padding:var(--space-1) var(--space-3);border-radius:999px;margin-bottom:var(--space-6);text-transform:uppercase}.stock-in{background:#7c8b7a2e;color:var(--color-sage)}.stock-out{background:#b3261e1f;color:var(--color-error)}.product-detail-description{line-height:1.7;margin-bottom:var(--space-8);color:#444}.inquiry-form{background:var(--color-clay);border-radius:var(--radius-md);padding:var(--space-6);margin-top:var(--space-8)}.inquiry-form h3{font-size:1.3rem;margin-bottom:var(--space-2)}.inquiry-form-sub{color:#555;font-size:.9rem;margin-bottom:var(--space-6)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field label{font-size:.85rem;font-weight:600}.form-field input,.form-field textarea{padding:var(--space-3);border:1.5px solid var(--color-clay-dark);border-radius:var(--radius-sm);background:var(--color-white)}.form-field input:focus,.form-field textarea:focus{border-color:var(--color-amber)}.form-error{color:var(--color-error);font-size:.85rem}.form-success{background:#7c8b7a2e;color:#4a5a48;padding:var(--space-4);border-radius:var(--radius-sm);margin-top:var(--space-4)}.content-page{max-width:800px;margin:0 auto;padding:var(--space-12) var(--space-6)}.content-page h1{font-size:2.5rem;margin-bottom:var(--space-6)}.content-page p{margin-bottom:var(--space-4);color:#444;font-size:1.05rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);max-width:var(--max-width);margin:0 auto;padding:var(--space-12) var(--space-6)}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr}}.contact-info-item{margin-bottom:var(--space-6)}.contact-info-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;color:var(--color-sage);letter-spacing:.06em;margin-bottom:var(--space-1)}.contact-info-value{font-size:1.15rem;font-weight:600}.site-footer{background:var(--color-ink);color:var(--color-paper);padding:var(--space-12) var(--space-6) var(--space-6);margin-top:var(--space-16)}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-8)}.footer-bottom{text-align:center;font-family:var(--font-mono);font-size:.8rem;opacity:.6;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid rgba(250,248,245,.15)}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:220px;background:var(--color-ink);color:var(--color-paper);padding:var(--space-6) var(--space-4);flex-shrink:0}.admin-sidebar a{display:block;padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;margin-bottom:var(--space-1)}.admin-sidebar a:hover,.admin-sidebar a.active{background:#c4622d33;color:var(--color-amber)}.admin-main{flex:1;padding:var(--space-8);max-width:1100px}.admin-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.admin-table{width:100%;border-collapse:collapse;background:var(--color-white);border-radius:var(--radius-md);overflow:hidden}.admin-table th,.admin-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-clay);font-size:.9rem}.admin-table th{background:var(--color-clay);font-family:var(--font-mono);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.admin-table img{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm)}.badge{display:inline-block;padding:2px var(--space-2);border-radius:999px;font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase}.badge-new{background:#c4622d26;color:var(--color-amber-dark)}.badge-contacted{background:#7c8b7a2e;color:var(--color-sage)}.badge-closed{background:#eee;color:#888}.admin-login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-ink)}.admin-login-box{background:var(--color-paper);padding:var(--space-12);border-radius:var(--radius-md);width:100%;max-width:380px}.admin-login-box h1{font-size:1.75rem;margin-bottom:var(--space-6)}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.admin-form-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.admin-form-field label{font-size:.85rem;font-weight:600}.admin-form-field input,.admin-form-field select,.admin-form-field textarea{padding:var(--space-3);border:1.5px solid var(--color-clay-dark);border-radius:var(--radius-sm)}.admin-image-preview{width:120px;height:120px;object-fit:cover;border-radius:var(--radius-sm);margin-top:var(--space-2);background:var(--color-clay)}.loading-text{font-family:var(--font-mono);color:var(--color-sage);text-align:center;padding:var(--space-12)}.brand-logo{width:36px;height:36px;object-fit:contain;flex-shrink:0}
