/* Page styles: guides */
/* ── GUIDES HERO ── */
.guides-header { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; margin-bottom:56px; }
.guides-header-text .label { color:#f5a623; font-size:13px; font-weight:600; display:block; margin-bottom:8px; }
.guides-header-text h2 { font-size:36px; font-weight:800; color:#5c1414; line-height:1.2; margin-bottom:16px; }
.guides-header-text p { font-size:15px; color:#555; line-height:1.85; margin-bottom:22px; }
.guides-header-img { position:relative; }
.guides-header-img img { width:100%; height:380px; object-fit:cover; border-radius:20px; box-shadow:0 12px 40px rgba(0,0,0,.14); }
.guides-header-img .badge-float { position:absolute; bottom:24px; left:-20px; background:#fff; border-radius:12px; padding:14px 18px; box-shadow:0 8px 24px rgba(0,0,0,.14); display:flex; align-items:center; gap:12px; }
.badge-float .bf-icon { width:44px; height:44px; background:#5c1414; border-radius:10px; display:flex; align-items:center; justify-content:center; color:#f5a623; font-size:20px; }
.badge-float h4 { font-size:14px; font-weight:700; color:#5c1414; }
.badge-float p  { font-size:11px; color:#aaa; }

/* ── GUIDE CARDS ── */
.guides-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.guide-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 18px rgba(0,0,0,.09); transition:.25s; display:flex; flex-direction:column; }
.guide-card:hover { transform:translateY(-6px); box-shadow:0 14px 34px rgba(0,0,0,.14); }
.guide-card .gc-img { height:200px; overflow:hidden; position:relative; }
.guide-card .gc-img img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.guide-card:hover .gc-img img { transform:scale(1.06); }
.guide-type { position:absolute; top:14px; left:14px; font-size:11px; font-weight:700; padding:4px 12px; border-radius:20px; color:#fff; }
.guide-type.pilgrimage { background:#8e44ad; }
.guide-type.adventure  { background:#e74c3c; }
.guide-type.culture    { background:#2980b9; }
.guide-type.food       { background:#e67e22; }
.guide-type.budget     { background:#27ae60; }
.guide-card .gc-body { padding:20px; flex:1; display:flex; flex-direction:column; }
.gc-body h3 { font-size:17px; font-weight:700; color:#5c1414; margin-bottom:8px; line-height:1.35; }
.gc-body p  { font-size:13px; color:#666; line-height:1.75; margin-bottom:16px; flex:1; }
.gc-meta { display:flex; gap:16px; font-size:12px; color:#aaa; margin-bottom:16px; }
.gc-meta span { display:flex; align-items:center; gap:5px; }
.gc-meta i { color:#f5a623; }
.gc-topics { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }
.gc-topic { background:#fbf0f0; color:#5c1414; font-size:11px; font-weight:600; padding:3px 10px; border-radius:14px; }
.gc-footer { display:flex; justify-content:space-between; align-items:center; padding-top:14px; border-top:1px solid #f0f0f0; }
.gc-author { display:flex; align-items:center; gap:8px; }
.gc-avatar { width:30px; height:30px; background:#5c1414; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#f5a623; font-size:12px; font-weight:700; }
.gc-author span { font-size:12px; color:#888; }

/* ── GUIDE CATEGORIES ── */
.cat-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
.cat-tile { background:#fff; border-radius:14px; padding:22px 14px; text-align:center; box-shadow:0 2px 12px rgba(0,0,0,.07); cursor:pointer; transition:.25s; border-bottom:3px solid transparent; }
.cat-tile:hover { transform:translateY(-4px); border-bottom-color:#f5a623; }
.cat-tile .ct-icon { width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; font-size:22px; }
.ct-icon.purple { background:#f3e5f5; color:#8e44ad; }
.ct-icon.red    { background:#ffebee; color:#e74c3c; }
.ct-icon.blue   { background:#e3f2fd; color:#2980b9; }
.ct-icon.orange { background:#fff3e0; color:#e67e22; }
.ct-icon.green  { background:#e8f5e9; color:#27ae60; }
.ct-icon.navy   { background:#e8eaf6; color:#3949ab; }
.cat-tile h4 { font-size:13px; font-weight:700; color:#5c1414; margin-bottom:3px; }
.cat-tile p  { font-size:11px; color:#aaa; }

/* ── DOWNLOAD SECTION ── */
.dl-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.dl-card { background:#fff; border-radius:14px; padding:24px; box-shadow:0 3px 14px rgba(0,0,0,.08); display:flex; gap:16px; align-items:flex-start; transition:.25s; }
.dl-card:hover { transform:translateY(-4px); }
.dl-icon { width:52px; height:52px; background:#fdf7f7; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:22px; color:#f5a623; flex-shrink:0; }
.dl-info h4 { font-size:14px; font-weight:700; color:#5c1414; margin-bottom:4px; }
.dl-info p  { font-size:12px; color:#aaa; margin-bottom:10px; }
.dl-btn { display:inline-flex; align-items:center; gap:6px; background:#5c1414; color:#fff; font-size:12px; font-weight:600; padding:7px 14px; border-radius:6px; transition:.2s; }
.dl-btn:hover { background:#f5a623; }

@media(max-width:1000px){ .guides-grid{grid-template-columns:1fr 1fr;} .cat-grid{grid-template-columns:repeat(3,1fr);} .dl-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:700px){ .guides-header{grid-template-columns:1fr;} .guides-grid{grid-template-columns:1fr;} .cat-grid{grid-template-columns:repeat(2,1fr);} .dl-grid{grid-template-columns:1fr;} .guides-header-img .badge-float{left:10px;} }