:root{--color-primary:#f6844f;--color-secondary:#c72;--color-deep:#2f101f;--color-background:#d9d7b2;--color-accent:#0246da;--color-white:#fff;--color-black:#000}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--color-background);color:var(--color-deep)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:600;transition:opacity .2s,transform .2s}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-accent{background-color:var(--color-accent);color:var(--color-white)}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{background:var(--color-white);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(47,16,31,.1);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(47,16,31,.15)}.card-image{aspect-ratio:4/3;background-color:var(--color-background);display:flex;align-items:center;justify-content:center;color:var(--color-deep);opacity:.6}.card-content{padding:1rem}.price{font-weight:700;color:var(--color-secondary);font-size:1.125rem}.section{padding:3rem 0}.section-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-deep)}.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}