.travel-guide-page{background:var(--color-bg-secondary, hsl(var(--muted)))}.travel-guide-page .page-header{background-image:url(/images/travel-guide/Travel_Tips_AdobeStock_692610905.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;height:100vh;min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:60vh 0 64px}.travel-guide-page .page-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1a1a1acc,#2e2e2eb3);z-index:0}.travel-guide-page .header-content{max-width:1200px;margin:0 auto;padding:0 var(--space-md, 24px) var(--space-xl, 64px) var(--space-md, 24px);position:relative;z-index:1;width:100%}.travel-guide-page .page-header h1{font-size:var(--text-3xl, 44px);font-weight:700;margin:0 0 var(--space-sm, 16px) 0;letter-spacing:.02em;color:hsl(var(--background))!important}.travel-guide-page .subtitle{font-size:var(--text-md, 18px);line-height:1.6;color:hsl(var(--text-inverse-secondary) / .9);max-width:700px;margin:0 0 var(--space-lg, 32px) 0}.travel-guide-page .header-stats{display:flex;gap:var(--space-xl, 48px);flex-wrap:wrap}.travel-guide-page .stat{display:flex;flex-direction:column;gap:4px}.travel-guide-page .stat-value{font-size:var(--text-2xl, 35px);font-weight:700;color:hsl(var(--primary))}.travel-guide-page .stat-label{font-size:var(--text-sm, 14px);color:hsl(var(--text-inverse-muted) / .7);text-transform:uppercase;letter-spacing:.5px}.travel-guide-page .content-wrapper{padding:var(--space-xl, 48px) var(--space-md, 24px)}.travel-guide-page .container{max-width:1200px;margin:0 auto}.travel-guide-page .categories-section{margin-bottom:var(--space-xl, 48px)}.travel-guide-page .categories-section h2{font-size:var(--text-lg, 22px);margin-bottom:var(--space-md, 24px);color:var(--color-text-primary, hsl(var(--secondary)))}.travel-guide-page .categories-grid{display:flex;flex-wrap:wrap;gap:var(--space-xs, 16px)}.travel-guide-page .category-chip{display:flex;align-items:center;gap:var(--space-xs, 8px);padding:var(--space-xs, 16px) var(--space-sm, 24px);background:#fff;border:2px solid var(--color-border, hsl(var(--border)));border-radius:25px;font-size:var(--text-sm, 14px);font-weight:500;color:var(--color-text-secondary, #495057);cursor:pointer;transition:all .2s ease;min-height:var(--min-tap-target, 48px)}.travel-guide-page .category-chip:hover{border-color:hsl(var(--primary));color:hsl(var(--primary));transform:translateY(-2px);box-shadow:0 4px 8px hsl(var(--primary) / .15)}.travel-guide-page .category-chip.active{background:hsl(var(--primary));border-color:hsl(var(--primary));color:#fff}.travel-guide-page .category-chip svg{flex-shrink:0}.travel-guide-page .guides-section{margin-top:var(--space-lg, 32px)}.travel-guide-page .guides-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg, 32px);padding-bottom:var(--space-sm, 16px);border-bottom:2px solid var(--color-border, hsl(var(--border)))}.travel-guide-page .guides-header h2{font-size:var(--text-xl, 28px);margin:0;color:var(--color-text-primary, hsl(var(--secondary)))}.travel-guide-page .guides-count{color:var(--color-text-tertiary, var(--color-text-tertiary));font-size:var(--text-base, 16px);margin:0}.travel-guide-page .guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg, 32px)}.travel-guide-page .guide-card{background:#fff;border-radius:var(--radius-md, 12px);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s ease}.travel-guide-page .guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.travel-guide-page .guide-card.hidden{display:none}.travel-guide-page .card-link{display:block;text-decoration:none;color:inherit}.travel-guide-page .card-image{width:100%;height:240px;overflow:hidden;background:var(--color-bg-secondary, hsl(var(--muted)))}.travel-guide-page .card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.travel-guide-page .guide-card:hover .card-image img{transform:scale(1.05)}.travel-guide-page .card-image-placeholder{width:100%;height:240px;background:linear-gradient(135deg,var(--color-bg-info-light) 0%,#d4e8f0 100%);display:flex;align-items:center;justify-content:center;color:hsl(var(--primary))}.travel-guide-page .card-content{padding:var(--space-md, 24px)}.travel-guide-page .card-categories{display:flex;gap:var(--space-xs, 8px);margin-bottom:var(--space-xs, 16px);flex-wrap:wrap}.travel-guide-page .card-category{font-size:var(--text-xs, 12px);font-weight:600;padding:4px var(--space-xs, 16px);background:var(--color-bg-info-light);color:hsl(var(--primary));border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.travel-guide-page .card-title{font-size:var(--text-lg, 22px);font-weight:700;margin:0 0 var(--space-xs, 16px) 0;color:var(--color-text-primary, hsl(var(--secondary)));line-height:1.3}.travel-guide-page .card-description{font-size:var(--text-sm, 14px);color:var(--color-text-secondary, var(--color-text-tertiary));line-height:1.6;margin:0 0 var(--space-sm, 16px) 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.travel-guide-page .card-meta{display:flex;gap:var(--space-sm, 16px);font-size:var(--text-sm, 14px);color:var(--color-text-tertiary, #868e96)}.travel-guide-page .card-author,.travel-guide-page .card-date{display:flex;align-items:center;gap:6px}.travel-guide-page .no-guides{text-align:center;padding:var(--space-2xl, 64px) var(--space-md, 24px);color:var(--color-text-tertiary, var(--color-text-tertiary))}.travel-guide-page .no-guides svg{margin-bottom:var(--space-md, 24px);color:var(--color-border, hsl(var(--border)))}.travel-guide-page .no-guides p{font-size:var(--text-md, 18px);margin:0}@media(max-width:968px){.travel-guide-page .page-header{min-height:500px}.travel-guide-page .header-content{padding:0 var(--space-md, 24px) var(--space-xl, 48px) var(--space-md, 24px)}.travel-guide-page .page-header h1{font-size:var(--text-2xl, 35px)}.travel-guide-page .subtitle{font-size:var(--text-base, 16px)}.travel-guide-page .header-stats{gap:var(--space-lg, 32px)}.travel-guide-page .stat-value{font-size:var(--text-xl, 28px)}}@media(max-width:768px){.travel-guide-page .page-header{min-height:450px}.travel-guide-page .header-content{padding:0 var(--space-md, 24px) var(--space-lg, 48px) var(--space-md, 24px)}.travel-guide-page .page-header h1{font-size:var(--text-xl, 28px)}.travel-guide-page .guides-grid{grid-template-columns:1fr}.travel-guide-page .guides-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs, 8px)}}