* {
	  margin:0; 
	  padding:0;
	  box-sizing:border-box; 
	  }
	  
    body {
	 font-family:'Inter',sans-serif; 
	 background:#fefcf9;
	 color:#2c2c2c; 
	 line-height:1.5; 
	 }
	 
    .navbar {
	 display:flex; 
	 justify-content:space-between; 
	 align-items:center;
	 padding:20px 5%;
	 background:#ffffffdd;
	 backdrop-filter:blur(4px); 
	 border-bottom:1px solid #e6d7c8;
	 position:sticky;
	 top:0; 
	 z-index:10;
	 }
	 
    .logo {
	 font-family:'Playfair Display',serif; 
	 font-weight:900;
	 font-size:1.8rem; 
	 color:#9b5e2e; 
	 text-decoration:none;
	 letter-spacing:-0.5px;
	}
	
    .nav-links a {
	 margin-left:32px;
	 text-decoration:none; 
	 color:#4a3a2b;
	 font-weight:500;
	}
	
    .nav-links a.active {
	 color:#b57035;
	 border-bottom:2px solid #b57035;
	 padding-bottom:4px; 
	}
	
    .menu-icon {
	 display:none;
	 font-size:1.6rem;
	 color:#4e3e32;
	}
	
    .container {
	 max-width:1280px;
	 margin:0 auto;
	 padding:0 24px;
	}
	
    .page-header {
	 background:#3a2a1f; 
	 padding:70px 0 56px; 
	 text-align:center;
	 margin-bottom:40px; 
	 border-radius:0 0 3rem 3rem;
	}
	
    .page-header h1 {
	 font-size:3.5rem;
	 color:#fff; 
	 margin-bottom:16px; 
	}
	
    .page-header p {
	 font-size:1.3rem;
	 color:#fff;
	 max-width:750px;
	 margin:0 auto;
	}
	

    /* guide intro card */
    .guide-essentials {
	 background:#fff9f2;
	 border-radius:56px; 
	 padding:40px;
	 margin:40px 0;
	 box-shadow:0 12px 24px #e2cfbc; border:1px solid #ffe9da; }
    .essentials-grid { 
	 display:grid;
	 grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
	 gap:32px;
	 margin-top:24px;
	}
	
    .essential-item i {
	 font-size:2.2rem;
	 color:#b76e2e;
	 width:60px;
	}
	
    .essential-item { 
	 display:flex; 
	 gap:16px;
	 align-items:center;
	}
	

    .section-title { 
	 font-size:2.3rem;
	 font-family:'Playfair Display',serif; 
	 color:#4a3627; margin:60px 0 32px; 
	 border-left:8px solid #b76e2e;
	 padding-left:24px;
	}
	
    /* two-column layout for itineraries & practical */
    .two-col {
	 display:grid;
	 grid-template-columns:2fr 1fr; 
	 gap:40px;
	 margin-bottom:56px;
	}
	
    .itinerary-card { 
	 background:#ffffff;
	 border-radius:36px;
	 padding:30px;
	 box-shadow:0 6px 18px #d9c4b2;
	 border:1px solid #eed7c4;
	}
	
    .day-list {
	 margin-top:24px;
	}
	
    .day-item { 
	 display:flex; 
	 gap:20px;
	 border-bottom:1px dashed #cfa87e;
	 padding:18px 0;
	}
	
    .day-num { 
	 font-weight:800; 
	 font-size:1.5rem; 
	 color:#b76e2e;
	 min-width:70px;
	}
	
    .side-box { 
	 background:#f2e4d9;
	 border-radius:36px;
	 padding:30px; 
	 margin-bottom:30px;
	}
	
    .side-box h3 { 
	 font-size:1.8rem;
	 margin-bottom:20px;
	 color:#452f1e;
    }
	
    .bullet-list { 
	 list-style:none; 
	}
	
    .bullet-list li {
	 margin:16px 0; 
	 display:flex;
	 gap:12px; 
	 align-items:center;
	}
	

    .transport-grid { 
	 display:grid;  
	 grid-template-columns:1fr 1fr; 
	 gap:24px;
	 margin-top:20px;
	}
    .transport-card {
	 background:#faf1e9;
	 border-radius:28px; 
	 padding:24px;
	 text-align:center;
	}
	

    .accommodation-cards {
	 display:grid; 
	 grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); 
	 gap:24px;
	 margin:40px 0;
	}
	
    .hotel-card {
	 background:#fffcf5;
	 border-radius:28px;
	 padding:22px;
	 box-shadow:0 6px 14px #dccbbb;
	 border:1px solid #f6dcc8; 
	}
	
    .hotel-card h4 {
	 font-size:1.5rem;
	 margin:6px 0 12px;
	}
	
    .price-badge { 
	 background:#e4d1be; 
	 border-radius:40px;
	 padding:6px 14px; 
	 display:inline-block;
	 font-size:0.9rem; 
	}
	

    .food-spotlight {
	 background:#9f7b5c; 
	 color:white;
	 border-radius:64px;
	 padding:56px 44px;
	 margin:60px 0;
	 background-image:radial-gradient(circle at 70% 20%, #c8a583, #7b5a40);
	}
	
    .food-flex { 
	 display:flex; 
	 flex-wrap:wrap;
	 align-items:center;
	 gap:40px; 
	}
    .food-text { 
	 flex:2; 
	}
	
    .food-card {
	 flex:1;
	 background:#2d241e; 
	 border-radius:36px; 
	 padding:32px; 
	 color:#eed6c4; 
	}
	

    .tips-panel {
     background:#2f4b4c;
	 color:#f0efe7;
	 border-radius:80px;
	 padding:40px 32px; 
	 margin:60px 0;
	 display:flex;
	 flex-wrap:wrap; 
	 justify-content:space-around;
	 gap:24px; 
	}
	
    .tip-item {
	 display:flex;
	 align-items:center; 
	 gap:20px; 
	 font-size:1.2rem;
	}
	
    .tip-item i { 
	 font-size:2.2rem; 
	 color:#f7c35c; 
	 min-width:48px;
    }

    .newsletter-mini { 
	 background:#e7d8c9; 
	 border-radius:60px;
	 padding:24px 36px;
	 margin:48px 0;
	 display:flex; 
	 flex-wrap:wrap;
	 align-items:center;
	 justify-content:space-between;
	}
	
    .newsletter-mini input[type=email] {
	 padding:14px 24px;
	 border:none;
	 border-radius:50px; 
	 width:260px;
	 background:#fef7f0; 
	 font-size:1rem;
	 margin-top:8px;
	}

    footer {
     background:#291f18;
	 color:#eedbcc;
	 padding:60px 0 32px;
	 margin-top:80px; 
	}
	
    .footer-grid {
     display:grid;
	 grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
	 gap:40px; 
	}
	
    footer a {
	 color:#fadbc6; 
	}
	
    footer ul {
     list-style:none;
	 padding:0; 
    }
	
    footer li {
     margin:8px 0;
	}
	
    .fab { 
	 font-size:1.6rem; 
	 margin-right:18px;
	 color:#f0c9a7; 
	}
	

    .btn { 
	 display:inline-block; 
	 background:#b57035; 
	 color:white;
	 padding:12px 30px;
	 border-radius:40px; 
	 text-decoration:none;
	 font-weight:600;
	 border:1px solid #b57035; 
	 margin-right:12px; 
	}
	
    .btn-outline-light { 
	 background:transparent;
	 color:#f1e5da; 
	 border:1px solid #ffefdf; 
	}
	
    @media (max-width:700px){
	 .two-col { 
	  grid-template-columns:1fr;
	  } .page-header h1{font-size:2.4rem;} }
	.card-grid a {
    text-decoration: none !important;
    color: inherit !important;
	}

	    .logo {
        display: flex;
        align-items: center;
		
     }
	.nav-logo {
		height:90px;
		width:auto;
	}