/* =========================================================
    HUB STYLES - TOURS & EXPERIENCES
   ========================================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Nunito Sans',sans-serif;background:#f9f9f9;color:#111;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{max-width:1280px;margin:0 auto;padding:0 20px}

header{background:#fff;border-bottom:2px solid #111;padding:15px 0;position:sticky;top:0;z-index:100}
.logo-text{font-family:'Merriweather',serif;font-size:1.55rem;font-weight:900;color:#111}
.logo-text em{color:#e8192c;font-style:normal}

.hero-section{background:#111;color:#fff;padding:60px 0;text-align:center;margin-bottom:40px}
.hero-section h1{font-family:'Merriweather',serif;font-size:2.5rem;margin-bottom:10px}

/* Category Grid */
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:30px;margin-bottom:60px}
.guide-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:transform 0.3s}
.guide-card:hover{transform:translateY(-5px)}
.guide-img{width:100%;height:220px;object-fit:cover}
.guide-body{padding:25px}
.guide-badge{background:#15803d;color:#fff;font-size:10px;font-weight:800;padding:4px 10px;text-transform:uppercase;border-radius:2px}
.guide-body h2{font-family:'Merriweather',serif;font-size:1.5rem;margin:15px 0 10px}
.guide-body p{color:#666;font-size:0.95rem;margin-bottom:20px}
.btn-read{display:inline-block;color:#e8192c;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:1px}

footer{background:#111;color:rgba(255,255,255,0.6);padding:40px 0;text-align:center;font-size:12px}

@media(max-width:768px){ .guide-grid{grid-template-columns:1fr} }