@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.aspect-square{aspect-ratio:1}.h-full{height:100%}.min-h-\[75vh\]{min-height:75vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-\[2rem\]{min-width:2rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-\[var\(--color-border-dark\)\]{border-color:var(--color-border-dark)}.bg-\[var\(--color-accent\)\]{background-color:var(--color-accent)}.bg-\[var\(--color-accent-light\)\]{background-color:var(--color-accent-light)}.bg-\[var\(--color-border\)\]{background-color:var(--color-border)}.bg-\[var\(--color-text\)\]{background-color:var(--color-text)}.bg-transparent{background-color:#0000}.fill-\[var\(--color-accent\)\]{fill:var(--color-accent)}.object-cover{object-fit:cover}.text-center{text-align:center}.text-\[var\(--color-accent\)\]{color:var(--color-accent)}.text-\[var\(--color-text\)\]{color:var(--color-text)}.text-\[var\(--color-text-faint\)\]{color:var(--color-text-faint)}.text-\[var\(--color-text-muted\)\]{color:var(--color-text-muted)}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.opacity-10{opacity:.1}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-\[var\(--color-accent\)\]:is(:where(.group):hover *){background-color:var(--color-accent)}.group-hover\:text-\[var\(--color-accent\)\]:is(:where(.group):hover *){color:var(--color-accent)}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:border-\[var\(--color-accent\)\]:hover{border-color:var(--color-accent)}.hover\:bg-\[var\(--color-border\)\]:hover{background-color:var(--color-border)}.hover\:text-\[var\(--color-accent\)\]:hover{color:var(--color-accent)}.hover\:text-\[var\(--color-error\)\]:hover{color:var(--color-error)}.hover\:text-\[var\(--color-text\)\]:hover{color:var(--color-text)}}@layer base{:root{--color-bg:#fafaf8;--color-surface:#fff;--color-border:#e8e8e4;--color-border-dark:#d0d0c8;--color-text:#1a1a18;--color-text-muted:#6b6b64;--color-text-faint:#a8a8a0;--color-primary:#1a1a18;--color-primary-hover:#333330;--color-accent:#c8873a;--color-accent-hover:#b07530;--color-accent-light:#fdf3e8;--color-success:#2d7a4f;--color-error:#c0392b;--font-display:"DM Serif Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 16px 40px #0000001a;--transition-fast:.15s ease;--transition-base:.25s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100vh;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;line-height:1.15}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.5rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}input,button,select,textarea{font-family:var(--font-body)}}@layer components{.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:1.5rem}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.9rem;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-accent-hover)}.btn-outline{color:var(--color-primary);border-color:var(--color-border-dark);background:0 0}.btn-outline:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.btn-ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-border);color:var(--color-text)}.btn-lg{padding:.875rem 2rem;font-size:1rem}.btn-sm{padding:.375rem 1rem;font-size:.8rem}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full);align-items:center;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-sale{color:var(--color-error);background:#fee2e2}.badge-new{background:var(--color-accent-light);color:var(--color-accent)}.input{background:var(--color-surface);border:1.5px solid var(--color-border-dark);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:border-color var(--transition-fast);outline:none;padding:.625rem .875rem;font-size:.9rem}.input:focus{border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-faint)}.label{color:var(--color-text-muted);letter-spacing:.02em;text-transform:uppercase;margin-bottom:.375rem;font-size:.8rem;font-weight:500;display:block}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-border-dark) 50%, var(--color-border) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.4s forwards fadeUp}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
