/* ============================
   Cravetorium Styles (BioBoost-style)
============================ */

/* Reset & Base */
* { margin:0; padding:0; box-sizing:border-box; font-family: 'Arial', sans-serif; }
body { background-color:#f4f4f9; color:#1a1a1a; line-height:1.6; }
a { text-decoration:none; color:#ff6b6b; transition:0.3s; }
a:hover { color:#ff3b3b; }

/* Navbar */
.navbar { display:flex; justify-content:space-between; align-items:center; padding:1rem 2rem; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1); position:sticky; top:0; z-index:1000; }
.navbar .logo { font-size:1.8rem; font-weight:bold; color:#1a1a1a; }
.navbar nav a { margin-left:1.5rem; font-weight:500; }

/* Hero Section */
.hero { display:flex; justify-content:center; align-items:center; text-align:center; padding:6rem 2rem; background:linear-gradient(135deg,#ff6b6b,#ff3b3b); color:#fff; }
.hero h1 { font-size:3rem; margin-bottom:1rem; }
.hero p { font-size:1.2rem; margin-bottom:2rem; max-width:600px; margin-left:auto; margin-right:auto; }
.cta-button { background:#fff; color:#ff3b3b; padding:0.75rem 2rem; border-radius:50px; font-weight:bold; transition:0.3s; }
.cta-button:hover { background:#ffeaea; }

/* Sections */
.content-section { padding:4rem 2rem; max-width:1200px; margin:0 auto; }
.content-section h2 { text-align:center; font-size:2rem; margin-bottom:2rem; }
.alt-bg { background:#f8f8fb; }

/* Card Grid */
.card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:2rem; }
.card { background:#fff; padding:1.5rem; border-radius:15px; box-shadow:0 6px 15px rgba(0,0,0,0.1); transition:0.3s; }
.card img { width:100%; border-radius:10px; margin-bottom:1rem; }
.card h3 { font-size:1.3rem; margin-bottom:0.5rem; }
.card p { margin-bottom:1rem; }
.read-more, .buy-button { display:inline-block; padding:0.5rem 1.5rem; background:#ff6b6b; color:#fff; border-radius:50px; font-weight:bold; transition:0.3s; }
.read-more:hover, .buy-button:hover { background:#ff3b3b; }

/* Resources List */
.resource-list { list-style:none; text-align:center; }
.resource-list li { margin-bottom:1rem; font-weight:500; }
.resource-list li a { font-size:1rem; }

/* Footer */
footer { background:#1a1a1a; color:#fff; text-align:center; padding:2rem 1rem; margin-top:2rem; }
footer a { color:#ff6b6b; }
footer a:hover { color:#ff3b3b; }

/* Responsive */
@media(max-width:768px){ .hero h1{font-size:2.2rem;} .hero p{font-size:1rem;} .navbar nav a{margin-left:1rem;} }