/* Simple demo styles */
:root{--bg:#0b0b0b;--accent:#fefefe;--muted:#999;--primary:#111827;--brand:#000}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#fafafa,#ffffff);color:#111}
.container{width:100%;max-width:1100px;margin:0 auto;padding:1.5rem}
.site-header{background:var(--brand);color:#fff}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}
.brand{font-size:1.25rem;margin:0}
.site-header nav a{color:rgba(255,255,255,0.9);text-decoration:none;margin-left:1rem}
.hero{padding:0;background:#111}
.carousel{position:relative;overflow:hidden;max-height:420px}
.carousel .slides{display:flex;transition:transform .5s ease}
.carousel img{width:100%;height:420px;object-fit:cover}
.carousel-controls{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 1rem}
.carousel-controls button{background:rgba(0,0,0,0.5);border:0;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer}
.intro h2{margin-top:1rem}
.cta{margin-top:1rem}
.btn-primary{display:inline-block;padding:.6rem 1rem;background:#000;color:#fff;text-decoration:none;border-radius:4px}
.btn-secondary{display:inline-block;padding:.5rem 0.7rem;border-radius:4px;margin-left:.6rem;border:1px solid #333;color:#333;text-decoration:none}
.brand-short{margin-top:1rem;background:#fff;padding:1rem;border-radius:8px;border:1px solid #eee}
.brand-short .short{margin:0 0 .5rem}
.brand-short .tagline{font-weight:600;color:#111}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}
.product-card{border-radius:8px;padding:1rem;background:#fff;border:1px solid #eee}
.product-card img{width:100%;height:200px;object-fit:cover;border-radius:4px}
.product-card h3{margin:0.5rem 0}
.product-card ul{padding-left:1.2rem}
.product-info{margin-top:1rem}
.site-footer{background:#fafafa;border-top:1px solid #eee;padding:1rem}
form{display:grid;gap:.7rem;max-width:700px}
label{font-size:.85rem;color:#333}
input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{padding:.6rem;border:1px solid #ddd;border-radius:4px;width:100%}
textarea{min-height:90px}
.note{font-size:.85rem;color:var(--muted)}
@media (max-width:600px){.carousel img{height:240px}}

/* Footer layout */
.site-footer{padding:2rem 0;background:#111;color:#fff}
.site-footer a{color:#fff;text-decoration:none}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1100px;margin:0 auto;padding:0 1.5rem}
.footer-col h4{margin:0 0 .5rem;color:#fff}
.footer-col p{color:#cbd5e1}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);padding:1rem;margin-top:1rem;text-align:center;color:#9ca3af}
@media (max-width:800px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}

.product-line-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.8rem}
.product-mini{background:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:.8rem;text-align:center}
.product-mini img{width:100%;height:140px;object-fit:cover;border-radius:6px}
.product-mini p{margin:0.5rem 0 0;color:#111}
@media (max-width:900px){.product-line-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.product-line-grid{grid-template-columns:1fr}}

/* Contact grid */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact-details{background:#fff;padding:1rem;border-radius:6px}
.contact-details strong{display:block;margin-top:0.5rem}
@media (max-width:700px){.contact-grid{grid-template-columns:1fr}}