/* RensFactory — clean dark layout with full-page background and visible text */
:root{
  --bg:#0b0b0b;
  --card-bg:rgba(0,0,0,0.85);
  --text:#ffffff;
  --muted:#cfcfcf;
  --accent:#ffffff;
  --container-w:1100px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial}
body{background:#000;color:var(--text);min-height:100vh;position:relative;}

/* full page background image (cover whole page) */
.page-bg{
  position:fixed;inset:0;background-image:url('images/bg-ai.jpg');background-size:cover;background-position:center;filter:brightness(0.45);z-index:-2;
}

/* overlay to ensure contrast */
.page-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.45));}

/* layout */
.container{max-width:var(--container-w);margin:0 auto;padding:20px}
.header-inner{display:flex;align-items:center;justify-content:space-between}

/* make logo bigger and responsive */
.logo{height:84px;max-height:120px}
@media (max-width:700px){ .logo{height:64px} }

/* nav links */
.nav a{color:var(--accent);text-decoration:none;margin-left:16px;font-weight:600}

/* intro */
.main-content{padding-top:24px;padding-bottom:40px}
.intro h1{margin:12px 0 6px;font-size:34px;letter-spacing:0.5px}
.subtitle{color:var(--muted);margin:0 0 18px}

/* products grid */
.products h2{margin-top:12px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:12px}
.card{background:rgba(255,255,255,0.03);padding:12px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.product-img{width:100%;height:200px;object-fit:cover;border-radius:8px;transition:transform .45s ease,opacity .6s ease;opacity:0;transform:translateY(12px)}
.card.visible .product-img{opacity:1;transform:translateY(0)}
.card:hover .product-img{transform:scale(1.03)}
.price{margin:8px 0;font-weight:700;color:var(--accent)}
.desc{color:var(--muted);font-size:14px}

/* order section: only this area is on solid black-ish background */
.order-section{margin-top:28px;padding:18px;border-radius:10px;background:var(--card-bg);max-width:720px}
.order-section h2{margin-top:0}
.order-form{display:grid;grid-template-columns:1fr;gap:12px}
.form-row label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.order-form input, .order-form select, .order-form textarea{width:100%;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:var(--text)}
.btn{display:inline-block;padding:12px 16px;border-radius:8px;border:0;background:var(--accent);color:#000;font-weight:700;cursor:pointer}
.form-status{color:var(--muted);margin-top:6px}

/* contact */
.contact{margin-top:26px;padding:12px}
.contact-email{color:#ffffff;font-weight:700;text-decoration:none}

/* footer */
.site-footer{padding:18px;text-align:center;color:var(--muted);margin-top:30px}

/* responsive */
@media (max-width:900px){ .grid{grid-template-columns:repeat(2,1fr)} .product-img{height:160px} .order-section{max-width:100%} }
@media (max-width:600px){ .grid{grid-template-columns:1fr} .logo{height:56px} .intro h1{font-size:26px} .product-img{height:140px} }

/* ensure text contrasts with background */
h1,h2,h3,p,label,a{color:var(--text)}